Site logo

Archived topic

No "Italic" option provided in "Font Weight" in Customizer > Typography

7 replies · Started by Sascha on January 12, 2022

Viewing posts 1–8 of 8

I have activated the Google Font "exo" on a site and want to assign the "Italic" to the site-title.

Unfortunately, after I have added "exo" via Font Manager, there is no "Italic" provided in Typography Manager, as you can see on this screenshot.

Could you please help me fixing or solving this?

Credentials below …

Thank you in advance and kind regards,
Sascha

Hi there.

at this time, unless a specific custom italic font is locally installed you will need a little CSS:

.main-title {
    font-style: italic;
}

Hello,

thank you for your reply.

"unless a specific custom italic font is locally installed"

Well, both versions are installed for each weight:

regular
italic
500
500italic
600
600italic
700
700italic
900
900italic

from https://google-webfonts-helper.herokuapp.com/fonts/exo?subsets=latin inside the "fonts" folder I had created,
and the CSS is copied to the Customizer CSS.

But still, when I try to make h1 600italic, I cannot choose the 600italic, only the "normal" 600, as you can see here:
http://media.macbay.net/_support/no-italic-in_gp_27B2CD39.png

I cannot remove the 600, because I need it for the page-title.

Currently, I feel pretty limited and need this flexibility without adding CSS, as I think that the Typography setting are already pretty comprehensive and great, but lacking at this basic parameter that is to easily whose between regular & italic.

What's the best workaround here? Also: Is this something that the GP-Devs are going to solve in future updates?

Thank you in advance and kind regards,
Sascha

Hello,

I'm still having issues with the italic version of exo for GB headline-block.

How to apply the italic font-style for h2 globally via Customizer on this site?

I have tried to add this via CSS

.h2 {font-style:italic;}

but it does not work.

Thank you in advance and kind regards,
Sascha

The CSS should be:

h2 {
    font-style: italic;
}

there is no . before the h2 as your targeting a HTML Element tag and not a CSS Class.

This archived topic is closed to new replies.