Design Better Data Tables. Poor tables. Where did they go wrong?
The Dos and Don’ts of Pairing Typefaces
When choosing typography to use in designs, narrow down your options by understanding the most common classifications, looking for typefaces with multiple variations and distinct characters, and pairing typefaces together with consistency and readability in mind.
Leading-Trim: The Future of Digital Typesetting
How an emerging CSS standard can fix old problems and raise the bar for web apps
Bell Centennial ⓦ
Modern CSS Techniques To Improve Legibility
[…] how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.
a11y
Satzbreiten und Zeilenlängen im Schriftsatz
Zeilenlänge (Satzbreite)
How to Tune Typography Based on Characters Per Line
Readability: the Optimal Line Length
How to pick the right UI font
Find out how to pick fonts for your user interfaces that aren't just beautiful, but also improve your websites' usability.
Fontastic
Add Vector Icons to Your Website. Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available. Import your own vectors
MFG Labs icon set
Interactive Guide to Blog Typography
This guide will help you understand the typographic foundations that will improve the readability of your articles.
IcoMoon App
Using IcoMoon you can easily search and download vector icons or generate fonts (icon fonts). This tool can also be used for icon set management. It can generate icon fonts, SVGs, PDFs, PNGs and sprites.
Fontello
icon fonts generator
Ligature Symbols
You can get Ligature Symbols for free. This Font is licensed under the SIL Open Font License for download and using.
IcoMoon
Using this app you can easily search and browse vector icons to download them or make an icon font. An icon font is a font that has symbols/icons as its glyphs. Using the IcoMoon app, you can also import your own vector images to use them in your font. This tool generates all the necessary web font formats (WOFF, TTF, SVG, and EOT). The SVG font can be imported back to the app.
16 Pixels: For Body Copy. Anything Less Is A Costly Mistake
Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.
Effective Use of Typography in Applications for Children
In this installment of my column, I’ll take a look at one of the most important visual design elements for graphic user interfaces: typography. I’ll concentrate on general guidelines for the effective use of typography in the design of applications for children between 3 and 10 years of age. What considerations do we need to take into account when working with digital typography when children are its primary interpreters?