[Support request] Heading Block – Different fonts in one paragraph

[Matthias]

Hi there,

i use the generateblocks heading block for text input of the website.

Is it somehow possible for a heading,paragraph or similar to have 2 fonts in one block?
Meaning a heading like “My favourite template is Generatepress – hands down.”
Where everything is font a regular – but the Generatepress is font b (a strong/bold one).

[David]

Hi there,

try this:

1. Select the Headline Block and in Advanced > Additional CSS Class(es) add a custom class name eg. dual-font
2. Select the test you want in the second font and from the Toolbar > Down Arrow menu select highlight
3. Add this CSS:

.dual-font .gb-highlight {
    font-family: 'font name here';
}

You need to make sure that this second font is added to the GP Typography system, and check the front end to see this change as the above CSS isn’t loaded in the editor by default

[Author]

Posts