[Dee Harris]

I would like to use the Isabella font for my Site Title. Can you help me with custom code I can copy and paste? I loaded the plugin Use Any Font (which has not been tested on this theme… is that okay?) and have uploaded the font. For anything more complicated than a cut and paste of CSS, I am happy to allow access if it would be a more efficient use of our time.

As always, I appreciate your assistance…d

[serkan]

Hi, Once you have uploaded the font, you need to load the font in your theme’s stylesheet using CSS3 @font-face rule like this:

@font-face {
    font-family: Isabella; 
    src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Isabella.ttf); 
    font-weight: normal; 
}

Don’t forget to replace the font-family and URL with your own.
After that you can use that font anywhere in your theme’s stylesheet like this:

.site-title {
font-family: "Isabella", Arial, sans-serif;
}

Thanks

[Dee Harris]

Hi Serkan.

I am obviously doing something wrong. I copied and pasted both the items above into stylesheet.css. My assumption is that Isabella would then show up as a font option in the list in the customizer?? I am such a rookie, perhaps I need more detailed instructions. I have just removed everything I have tried so far.

I will send a message through contact to show you what I have tried in stylesheet.css . Please feel free to access the site (I will give you a password). Or, please give me a step by step for what I actually do to find and use the new font in place of the Tangerine currently being used once I get the css code set up in the proper place.

Thank you…d

[serkan]

Hi,
You can check out this related topic. There is also a video about custom font.
http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
Also there is a plugin for this feature. You can try to use it.
https://wordpress.org/plugins/use-any-font/
Thanks

[Dee Harris]

Thank you!

[serkan]

You are welcome.