Web Fonts Guide
Thierry Blancpain
Posts: 210
Today we released a a guide for using web fonts that we’ve created over the last few months. It covers the basics as well as more advanced topics – the required HTML & CSS for self-hosted fonts, activating kerning and other OpenType features, letter- and word-spacing, font rendering, and so on.
We’d appreciate your feedback!
We’d appreciate your feedback!
7
Comments
-
Re letter-spacing, I have to say that I’m yet to see a web page where letter spacing is used that does not make the text uncomfortable to read. I don’t claim to have a good eye for spacing (the only time I tried to space Latin glyphs the result was horrible), but I can’t count the times I’m reading a random web page and wondering why this text looks shitty, opening the browser dev tools to find that letter spacing is used, disabling it and all good again. So I’d rather have a strong warning about fiddling with letter spacing.
1 -
How about: you probably don’t notice it when it’s well done?4
-
Thierry Blancpain said:How about: you probably don’t notice it when it’s well done?0
-
Thierry Blancpain said:How about: you probably don’t notice it when it’s well done?0
-
Agreed that bad letterspacing is common, and sucks. But I am all for careful, subtle tracking of the typeface when it is used at a size significantly different than its design size.1
-
Very good effort, and very approachable information.
Regarding letter spacing I think oftentimes the problem is web developers adjusting tracking in full pixels, which is almost always too coarse. It's great to see the example uses fractions of em values.0 -
Can we please drop EOT and TTF from the webfont formats already? Especially TTF is not needed for anything. If a client absolutely targets obsolete Android devices, they will know they need TTF and ask for it.5
-
is TTF still valid for app embedding?0
-
Miles Newlyn said:is TTF still valid for app embedding?2
Categories
- All Categories
- 43 Introductions
- 3.7K Typeface Design
- 803 Font Technology
- 1K Technique and Theory
- 622 Type Business
- 444 Type Design Critiques
- 542 Type Design Software
- 30 Punchcutting
- 136 Lettering and Calligraphy
- 83 Technique and Theory
- 53 Lettering Critiques
- 485 Typography
- 303 History of Typography
- 114 Education
- 68 Resources
- 499 Announcements
- 80 Events
- 105 Job Postings
- 148 Type Releases
- 165 Miscellaneous News
- 270 About TypeDrawers
- 53 TypeDrawers Announcements
- 116 Suggestions and Bug Reports