How to insert a non standard font

  • Resolved epigrapisa

    (@epigrapisa)


    11 years, 10 months ago

    I wanted to change the font family in style.css, I know I have to use @fontface, but can Ijust insert it in style.css or should I modify something else?
    Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Sovit

    (@sovitranjitkar)

    Hi epigrapisa,

    Yes, you have to insert a script provided by ‘font integrate services’ in your website. For that follow the following steps.
    Go to Appearance -> Theme Options -> Webmaster Tools -> Analytics
    and paste your script in the header script box which is given by font integrate service such as Google Web Fonts https://www.google.com/webfonts.

    For Example:
    STEP 1
    If you want to put the Google font ‘Philosopher’ then Google Web Font give this script
    <link href='https://fonts.googleapis.com/css?family=Philosopher' rel='stylesheet' type='text/css'>
    paste this script that i have mentioned above.

    STEP 2
    Now Integrate the font into your CSS
    Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS
    and paste you CSS code for ‘Philosopher’ that Google Web Font give to u in YOUR-FONT-FAMILY field below.

    body, input, textarea {
    YOUR-FONT-FAMILY
}

    for example you are given this CSS code
    font-family: 'Philosopher', sans-serif;
    then your CSS code will be 

    body, input, textarea {
    font-family: 'Philosopher', sans-serif;
}

    Paste it and Click on Save all Changes Button.
    Now, ‘Philosopher’ font-family is integrated to your website.

    Thank you for using our theme.

    Regards,
    Team Horse

    Thread Starter epigrapisa

    (@epigrapisa)

    thanks a lot!

    Sovit

    (@sovitranjitkar)

    Welcome any time ! Have a great website.

    Regards,
    Team Horse

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to insert a non standard font’ is closed to new replies.