[Support request] Using multiple fonts for content

[Johnny]

I want to use multiple fonts for my content.

For example, for certain sentence I wish to use this font: https://fonts.google.com/specimen/Indie+Flower

For some wording, I want to use this font: https://fonts.google.com/specimen/Staatliches

I need to highlight certain wordings using CSS.

What is the best way to do it using GeneratePress?

[David]

Hi there,

you can install fonts locally, this document shows you how:

https://docs.generatepress.com/article/adding-local-fonts/

Or you can copy the standard embed code google provides eg.

<link href="https://fonts.googleapis.com/css?family=Staatliches" rel="stylesheet">

And add this to a Hook Element int the WP_head hook and set the Display Rules for the entire site

https://docs.generatepress.com/article/hooks-element-overview/

Then create a CSS class for the font e.g:

.staatliches {
	font-family: 'Staatliches', cursive;
}

Then within your Text Editor you can do this:

<p class="staatliches">Here is some text in staatliches</p>

Or for a single word this:

<p>This is my normal font and this <span class="staatliches">word</span> is not</p>

[Author]

Posts