Design

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

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

A handy article on Vertical Rhythm and Modular Scale with Viewport Units.

336 pixel perfect, all-purpose vector icons

250+ carefully crafted pictograms

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.

«So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. […]»

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

the most well-made, free & open-source, @font-face ready fonts

Create Your Own @font-face Kits by uploading the fonts you want to use.

Download and install the Font Awesome free font family by Dave Gandy as well as test-drive and see a complete character set.

fonts available for @font-face embedding

... is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.