Convert the ‘woff’ webfont to a regular font (e.g. TTF) using a service such as Online Font Converter. Then edit the converted file with your favorite font editing software. Specific ‘woff’ Editor: http://www.high-logic.com/font-editor/fontcreator.html Programming Tools: http://www.freetype.org/
I found this answer, which addresses the question more directly than the accepted answer, which really, shouldn’t have been the answer 🙂 And now to our main highlight – the “CSS3111: @font-face encountered unknown error”. This error is very ambiguous. If you have a look at MSDN again, you’ll see its description says: “An unknown … Read more
======= 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
Update August 2014 Google finally fixes this issue in Chrome 37 natively!!!. But for historical reasons I won’t delete this answer. Problem The issue is created because chrome actually cannot render TrueType fonts with correct anti-aliasing. However, chrome still renders SVG files well. If you move the call for your svg file up in your … Read more
Looks like IE8-IE7 can’t understand multiple Google Web Font styles through the same file request using the link tags href. These two links helped me figure this out: See this open Google issue, and look at the comments. Also see this StackOverlow Answer Google Web Fonts don’t work in IE8 The only way I have … Read more
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
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
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
Status of the issue, June 2014: Fixed with Chrome 37 Finally, the Chrome team will release a fix for this issue with Chrome 37 which will be released to public in July 2014. See example comparison of current stable Chrome 35 and latest Chrome 37 (early development preview) here: Status of the issue, December 2013 … Read more
For 90%+ of the cases you likely want the <link> tag. As a rule of thumb, you want to avoid @import rules because they defer the loading of the included resource until the file is fetched.. and if you have a build process which “flattens” the @import’s, then you create another problem with web fonts: … Read more