How an emerging CSS standard can fix old problems and raise the bar for web apps

Find out how to pick fonts for your user interfaces that aren't just beautiful, but also improve your websites' usability.

This guide will help you understand the typographic foundations that will improve the readability of your articles.

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.

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?

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

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.

icon fonts generator

You can get Ligature Symbols for free. This Font is licensed under the SIL Open Font License for download and using.

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.

[…] 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.

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.