Google Fonts are not rendering on Google Chrome

Apparently it’s a known Chrome bug. There’s a css-only workaround that should solve the problem: body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } } It seems like Chrome just needs to be told to repaint the text

Languages supported by “latin” vs “latin-extended” glyphs in fonts on Google Web Fonts?

Latin aka Unicode Latin1-Supplement (U+0080 to U+00FF) is meant to support primarily Western European languages (as you mentioned French, German, Spanish, also Portuguese, Italian, Irish, Icelandic, languages of Scandinavian countries and unintentionally also other languages mentioned in the list below). English is supported by standard ASCII. ASCII (first 127 chars, 95 of them are graphemes …

Read more

Converting and rendering web fonts to base64 – keep original look

In the Font Squirrel Expert options, make sure to set the ‘TrueType Hinting’ option to ‘Keep Existing’. Either of the other options will cause the TrueType instructions (hints) to be modified, which will in turn affect the rendering of the font. Alternatively, if you’re happy with the rendering of the font directly from GWF, you …

Read more

How to import Google Web Font in CSS file?

Use the @import method: @import url(‘https://fonts.googleapis.com/css?family=Open+Sans&display=swap’); Obviously, “Open Sans” (Open+Sans) is the font that is imported. So replace it with yours. If the font’s name has multiple words, URL-encode it by adding a + sign between each word, as I did. Make sure to place the @import at the very top of your CSS, before …

Read more