Web Fonts Guide
Thierry Blancpain
Posts: 209
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
- 40 Introductions
- 3.7K Typeface Design
- 793 Font Technology
- 1K Technique and Theory
- 609 Type Business
- 443 Type Design Critiques
- 535 Type Design Software
- 30 Punchcutting
- 135 Lettering and Calligraphy
- 82 Technique and Theory
- 53 Lettering Critiques
- 478 Typography
- 300 History of Typography
- 113 Education
- 65 Resources
- 492 Announcements
- 78 Events
- 105 Job Postings
- 148 Type Releases
- 160 Miscellaneous News
- 269 About TypeDrawers
- 53 TypeDrawers Announcements
- 116 Suggestions and Bug Reports