How to add a new font (open type font file)

  • Posted in : TheBlogger
  • nat
    Participant

    Hello all,

    I have purchased a font which i would like to add to my blog to use it as a text logo font. It’s an opentype font file.

    Is there any way I can do that?

    Thanks in advance

    serkan
    Moderator

    Hi,
    You can check out this related topic;
    https://www.pixelwars.org/forums/topic/custom-font/
    Thanks

    nat
    Participant

    Hi!
    I checked out the related topic, however, it doesnt seem to work
    Here’s what i have so far:

    @font-face {
    font-family: NaiveDecoSans;
    src:(http://domains/regainfocus.ru/public_html/wp-content/themes/theblogger/fonts/Naive-Deco-Sans-Font-Pack/NaiveDecoSansTriple.otf);
    font-weight: normal;
    }

    body {
    font-family: “NaiveDecoSans”, sans-serif;
    }

    Is there a mistake ?

    I need the custom font for the logo, should i replace body with logo?

    Appreciate any help

    Thank you

    serkan
    Moderator

    Hi Nat,
    You can use this custom css code;

    .site-title { font-family: "NaiveDecoSans"; }

    Thanks

    nat
    Participant

    Hi,
    Thank you, however ,
    It still doesn’t seem to work. the font does change but it’s not even close to what it is supposed to look like. Maybe my costume font is being overwritten by the theme font ?

    serkan
    Moderator

    Hi, Could you be mistyping the address where the font is installed?
    I would like you to check the address you gave me on the link.

    nat
    Participant

    Solved it!
    Thanks a lot

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 8 posts - 1 through 8 (of 8 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