About letters

Hi Danijela,

One tool you may use to help you choose an appropriate font for your homepage is Google Fonts(fonts.google.com) since Google Fonts is integrated in our products.

Please see this screen shot for reference: https://share.getcloudapp.com/bLuxqAO7

From these, you may also narrow down the choices by selecting the specific language you prefer: https://share.getcloudapp.com/yAukyDJj

See this as well to have an idea on how you may implement this solely on your entire homepage: https://share.getcloudapp.com/P8u6GkJZ

If however you want to apply any specific font to theme template related texts like widget titles, then you may have to load the font from Appearance > Customize > Typography and use custom CSS to apply the font-family to it (using homepage specific selectors).

See this link for assistance regarding this: https://docs.generatepress.com/article/dynamic-typography-overview/

Hope this helps!

Thank you for your reply. I used your instructions for finding appropriate font and I choose Alex Brush.
However, this is how it is shown... (see handwriting words below Libellule logo)
See, letter š is not shown well...
The same is on mobile..

Hi there,

not all Fonts support the various character types of different languages. You may need to find an alternative font to display them correctly.

Is there an option too resolve this by CSS?

No CSS cannot fix a font issue.
I checked that font on Google Fonts:

https://fonts.google.com/specimen/Alex+Brush?query=alex

And it does look like it supports those characters - try pasting them into the preview field.

Which means that the font your site is loading hasn't got the correct font support.

How are you selecting that font is it in Elementor ?

Yes, it is in Elementor but it happens the same, this character is not shown appropriate...

Hi Danijela,

As mentioned by David, it indeed seems that the font you’re trying to load in your website doesn’t have the correct font support.

With that said, have you tried adding the font via Appearance > Customize > Typography, and accordingly using a custom CSS class to apply the font-family to it? If not, could you try doing that and see how it goes?

Refer to this to see how to add a CSS class: https://share.getcloudapp.com/NQux7ZA1

Then refer to this to add the corresponding font: https://share.getcloudapp.com/rRuNW6KW

You could also try applying the font to different elements and see if the š character appears correctly through this method.

Hope this resolves the issue!

Fernando, thank you for your instructions, it seems a little bit complicated for me lol
I did some research and found that the problem may be in disabling Google fonts from my theme settings.
How to do that?

I remove it via Autoptimizer plugin but nothing has changed...

Disabling the Fonts in the Theme, would involve removing any Font Family you have selected in Customizer > Typography.

Ok, so that is not a solution. Thank you anyway!

I tried adding the same font-family through Elementor, and I couldn’t replicate the issue from my end.

See this for reference: https://share.getcloudapp.com/JruGn7ng

Also see: https://share.getcloudapp.com/GGuE4A4n

With that said, one possible cause lies within a possible outdated Elementor version. Since you’re adding the font via Elementor, could you check if you have the latest Elementor version available? The Elementor version you have may be enqueuing an older version of the font.

David’s response effectively removes any Font Family from the theme if you’re planning to use Elementor to load the font. If you plan to load the font through the Customizer however, this route wouldn’t be applicable because “Alex Brush” is a Google font.

This approach would only work if you plan to locally host the font. Here is an article which may assist you regarding that: https://docs.generatepress.com/article/adding-local-fonts/