[autourdunmoment]

Hi,
I need to add a new font (Riesling) to my site, but I don’t know how to do this. It’s not listed in the fonts that I can select from the “Font Family Options” list. I copied the font to the theme folder, but with no luck.

Thanks and Regards,

Richard

[Skandha]

@autourdunmoment: For this you will need to download the font file from the this link. You will need to unzip the downloaded folder and upload the font files using FTP and keep it under fonts folder.
This is done so that the fonts won’t be lost after theme update.

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@font-face {
    font-family: 'Riesling';
    src:url('http://yoursiteurl.com/wp-content/uploads/fonts/Riesling.ttf.woff') format('woff'),
        url('http://yoursiteurl.com/wp-content/uploads/fonts/Riesling.ttf.svg#Riesling') format('svg'),
        url('http://yoursiteurl.com/wp-content/uploads/fonts/Riesling.ttf.eot'),
        url('http://yoursiteurl.com/wp-content/uploads/fonts/Riesling.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

Now the font is ready to use.
Let me know where you want the font to be used and also post in your site URL.

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts