I came to a problem with google fonts - I needed to use diacritics, characters like ěščřžýáíé, ..., When I edited the font page in google font "Pop out" page, it worked, but when I used the default generated code on the "Quick-use" page, diacritics didnt work...
Eventually I found the solution by checking the google "Quick-use" page's source code.
Solved below...
unicode-range
functionality with a diacritic support! (it is NOT)Recently there was a new functionality added which resulted in removal of the subset=...
param, since most current modern browsers support unicode-range
@font-face
property.
However, don't confuse this with an actual support of all diacritics in that language set, which this is not. That one still depends on each individual font, meaning as of 2021, this Answer still stays valid. Historically, you had to define subsets(that just may contain your diacritics/characters) if you didn't want the browser to download all possible subsets, now the browser - if unicode-range
s are defined properly - can select those subsets, that still just MAY, contain that character automatically for you.
For example, fact that a font has latin-extended set does NOT mean it has all caron / ring letter-variants - especially "ů" is oftentimes missing...
I would be very cautious about this for any language that contains diacritics - always test it first with a Pangram
Even interface changed recently, now, in 2021 (February) the steps are following:
Many of them do, to find out wether they do or dont contain your characters go to http://www.google.com/fonts/ and find your font, open it by "Pop out" button and look for your characters. If the font contains characters you need, go back and click on "Quick-use" button - this will open the page where you can adjust some options and it will generate a code for your page - something like this:
<link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'>
Now you have 2 options:
<link href='http://fonts.googleapis.com/css?family=Meie+Script&subset=all' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Meie+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Notice that now there is a list of character sets in the &subset attribute .