Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Joyn
  • #220583
    artshowapplepie
    Member
    Post count: 134

    Hi

    I’ve tried adding a fontdeck font i bought and used before with the neighborhood theme, somehow i can’t get it to work on the joyn theme.

    I’ve added this in the custom js field:

    WebFontConfig = { fontdeck: { id: ‘MY-ID’ } };

    (function() {
    var wf = document.createElement(‘script’);
    wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) +
    ‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’;
    wf.type = ‘text/javascript’;
    wf.async = ‘true’;
    var s = document.getElementsByTagName(‘script’)[0];
    s.parentNode.insertBefore(wf, s);
    })();

    And added this snippet to the custom css field:
    body, p{text-align: justify; -moz-text-align-last: left; text-align-last: left; font-family:”Din Text Pro Regular”, Verdana, sans-serif; font-size-adjust:0.5; font-weight:normal; font-style:normal;}

    Where you see MY-ID i of course have my customer id but i figured i shouldn’t post that here 😉

    Also i would like to remove the hover border above the menu/navigation items, it worked on current but not on hover?

    #220586
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    You should not need any of that, simply navigate to Theme Options => Font Options and upload “Add Font” the zip file of your custom fonts.

    Thanks,
    David.

    #220615
    artshowapplepie
    Member
    Post count: 134

    Hi David

    Thanks for your quick reply! It’s not a zip font it’s a webfont.
    And i’m not sure if it’s legal to just add any zip file font, as i have to pay for web fonts and even fonts i use on my computer ?

    Also do you know how i can remove the hover border above the menu/navigation items, it worked on current but not on hover?

    #220712
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    1)

    You will need to make a zip file from the various font files. If you have bought the liscence you should be able to use them for web.

    You can also use the fontdeck plugin: http://fontdeck.com/support/wordpress.

    2)

    Sure, please use this for the hover state:

    #main-navigation ul.menu > li:hover > a {
        box-shadow: none;
        border: none;
    }

    Thanks,
    David.

    #221243
    artshowapplepie
    Member
    Post count: 134

    Thanks worked like a charm !!!

    #221244
    David Martin – Support
    Moderator
    Post count: 20834

    Happy to help !
    -David.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register