Cool, so forget about the @font-face
for a moment & try this first.
The stylesheet we’re looking for is the style.css
in your active theme folder (/Hunger_Always-1/
). Once you get it, spot these lines:
#header #blog_title {
font-size: 3em; /* Blog Title */
padding: 29px 200px 0px 345px;
text-align: left;
}
That is where you’ll add the fonts’s names you wish to display (& tweak the size of them). You can add 3 choices: if your visitors don’t have the first font their browser will look for the second one and so on. So the third font must be very common on most versions of Windows, Mac, Linux etc.
Pretend you wish to use the Lucida font. The best way of doing it could be to add this line to the #blog_title
‘s rules shown above:
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
For more exemples of “safe” font’s choices, you can check this:
https://www.webdesigndev.com/web-development/16-gorgeous-web-safe-fonts-to-use-with-css
Good luck =)