Change font of a single word

[Chad Biggs]

GPS offers a lot of great fonts. Is there a way to change a font for just one word or sentence? I tried using a span with the font style but it didn’t work.

[dasigna]

hmmm… definitely not out of the box so far (as i know).
would assume it demands at least some custom css (or even more…) – better to use some plugin maybe. there has been some ‘tinymce custom styles’ or ‘tinymce custom formats’ -plugin somewhere that does the trick.

[Tom]

I wouldn’t suggest this unless the other font is a system font.

Including too many Google Fonts will really hurt the performance of your site.

You’re right though, you would use a span.

I'm the regular font, and <span class="new-font">I'm the new font</span>.

.new-font {
    font-family: Arial, sans-serif;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Chad Biggs]

Are the font names in the customizer drop down box considered system fonts?
So this should work…
.new-font {
font face: lato;
}

[Tom]

That’s a Google Font. It will only work if it’s selected in the Customizer somewhere, or if you embed it using the instructions Google Fonts give you. You can insert their code into the wp_head hook in GP Hooks.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts