I want to add a specific font to a title in one my posts, but the html tag I’m trying to use doesn’t seem to work.
Is there a way I can use a tag as I don’t want to apply the font sitewide?
Thanks
Hi,
There are settings to customize the post title font properties for each post template
– https://www.screencast.com/t/Ez3TTvRs
If you require something more precise, for example a specific post from many using the same template, you could use some CSS to do it. Use the unique post ID to do it
– https://www.screencast.com/t/6NQtYrz0KgI
If you want to change the actual font, note that this has to be loaded first or it will not be applied. If the font is not used anywhere on the website you can load it like this
– https://css-tricks.com/snippets/css/using-font-face/
Thanks
Hi,
What I have in mind is something a little more precise than the above. I don’t want to make any site-wide changes to the fonts, I just want the option of adding a font to a single header when it is surrounded by a a html code.
I used the following for example:
<h3 style=”padding: 30px ; background-color: #f2c7b3; font-family=”pacifico”; line-height: 2;”>Header Title Goes Here</h3>
All of the above codes were applied to the H3, except the font. I must add that I actually want to use a custom google font too.
Maybe my code is incorrect? Maybe this isn’t an option?
You should not use inline html anymore. You need to create a style class then apply the style class to the h3 element.
See tutorials online re using css3 and html5.
You could add a class as Chris mentions to the post header, in the post template style file you are using
– https://www.screencast.com/t/e69dRtz5
Then refer to that custom class and apply the font on the title. But this will affect all posts that use that template. And also it would be just as using the them panel option per post template.
