There are 5 generic families that can be used: “serif”, “sans-serif”, “cursive”, “fantasy”, and “monospace”. When a browser sees one of those, it asks the operating system for the default font in that family. Thus, which font a web browser uses is OS-dependent. See Mozilla’s documentation on font-family for details.
The trick lies with this optimization: unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; With this, the browser knows whether it needs to download the font, depending on the characters it just loaded in the html. Chrome is currently the only one with full support for this. MDN lists Firefox 36+ as completely ignoring this spec, therefore Google … Read more
So as I mentioned in my question above, Internet Explorer has some ttf support starting with version 9, but “only working when [fonts are] set to be installable”. Some background: …TrueType fonts have embedding “bits” which allow the creator of the font to decide the level of embedding that will be permitted. There are four … Read more
If you are just interested in the use of Access-Control-Allow-Origin:* You can do that with this .htaccess file at the site root. Header set Access-Control-Allow-Origin “*” Some useful information here: http://enable-cors.org/server_apache.html
Add this to your CSS: * {-webkit-font-smoothing: antialiased;}
Setting the following chrome flag to Unknown will prevent that message appearing on dev-console : chrome://flags/#force-effective-connection-type ᴛᴇꜱᴛᴇᴅ ᴏɴ Google Chrome Version 63.0.3239.84
======= UPDATED 2016-05-31 ======= I made a tiny PHP script to get download links from a Google Fonts CSS import URL like: https://fonts.googleapis.com/css?family=Roboto:400,700|Slabo+27px|Lato:400,300italic,900italic You can use this tool here: http://nikoskip.me/gfonts.php For instance, if you use the above import URL, you will get this: I got tired about updating this answer on each new release of … Read more
The issue here is not line height but vertical placement of glyphs, in particular the location of the text baseline. That’s something that the font designer has decided on; the designer draws glyphs and places them in the em square, the conceptual device that has height equal to (or defined to be) the font height. … Read more
Ran into a similar problem, and from your screenshot above, the response has a Cache-Control header of ‘no-store’. IE seems to have issues with caching and fonts. Removing both the ‘Cache-Control: no-store’ and the “Pragma: no-cache” headers worked for us to get icon fonts to show up again. https://github.com/FortAwesome/Font-Awesome/issues/6454
if you don’t mind converting eot to any other format first like ttf for example, then you can convert it by using my tool onlinefontconverter.com