Latin Extended subset of Google Fonts

maprach's Avatar
Online


My website language (Czech) needs to use Latin Extended subset of Google Fonts. When the basic subset is used (Latin), some of my national characters are not displayed properly. Chrome typically handles this properly on its own - no issues there. Firefox nowadays does as well. But Internet Explorer and Edge have a problem (happens both in regular articles as well as in the roksprocket Slideshow (headerbar) - they load the basic set, which does not contain special Czech charters, and with those they fall back on some alternative font, which causes the display to look weird (national characters get a different size and shape). See the attached screenshots to see the difference. I guess I have two options: a) change the font to some fully supported one or b) change how google fonts are loaded, to indicate the latin-ext subset. Would you be able to help?

Hi there,
please set the a basic font like Arial and try again. Because not all Goolge fonts supprt subsets
You can set the fonts in customizer.

Our themes are not loading subset fonts, because of the loading time.
Tell me which font you want to use and I will write you the code which must be placed into the custom.css

Thank you for your reply. Changing the Template Font to some basic system one, using the Customizer, works - your video on how to do this helped me.

Your offer to write a code for my custom.css - did you mean that I would select one latin-extended font and you would write a code for my custom.css that would tell the template to load the extended subset?

There are quite a few fonts listed under the language "Latin Extended". But when I try to copy their listing into Internet Explorer, I get the big error message that Internet Explorer is not supported. (See the two images). So as far as Internet Explorer is concerned, no matter the code, it will always look bad, I think. So I have either the option of selecting one of the "system fonts" of you template - Arial, Consolas, Georgia, Lucida, Times New Roman, Trebuchet, Verdana, or tell my readers on the website to not use Internet Explorer - and continue to use the Google Fonts.

The question I have, however is as follows: If I see the Google fonts displayed correctly on my computer in the Czech Republic in Chrome and Firefox, and a reader will come to my website from USA, for example, will their Chrome and Firefox also display the Google Fonts properly? The reason I ask is because I constantly fight this issue with my US colleges in our global translation agency - each time they publish a Czech online product for my review, it does not work in Chrome/Firefox either on my end - but they on their end do not see the issue. After some arguing with them we realized they had their office test (preview) systems loaded with Latin-Extended fonts locally, so everything worked for them. When they went home on their private computers, there they saw the same issue as I did. (The solution for them was to start loading the lating extended fonts properly.) Sorry for the long post, which might not be relevant - I just want to make sure that my site in Czech will load properly for everyone - even those who access it from countries and computers with no Czech support installed in their browsers/computers...

Hi there,
if you want to be sure please take basic fonts like: Arial, Verdana..

The view from US countries depends on their Browser and sysem setup ( windows 10 UFT).
BTW: I think the Edge have some problems with external fonts with subset chars
github.com/google/fonts/issues/1187