We have now more fonts than ever on the web – free fonts (opens in new tab), handwriting fonts (opens in new tab), for example – with more capabilities and font families, legible aliasing, and Photoshop-like CSS3 (I’m looking at you, oh glorious text masking). And what’s really exciting is that we can now do a lot of font testing – and in the browser, no less.
Font hosting services like Typekit, Google Fonts and Monotype have made it incredibly easy to use their services, offering trial options that can be incorporated directly into a project. Certain services allow you to test more than that before you even touch any code. Typecast is a testing-only service that incorporates thousands of font families, so users can get into the other important details, such as font size, line height and column width. The best part about all of these services is the detail they provide on the size of the font files, and how it can affect your page load performance.
With this level of testing, and what’s yet to come with HTML and CSS, we’ll continue to see typography become more and more important in the web design world.
01. Google Fonts (opens in new tab)
Google Fonts redesigned its site in June, and included testing for background and foreground colours.
02. TypeCast (opens in new tab)
TypeCast has been around for a while and still features a lot of the different font hosting services, so you can mix and match, export CSS, and play with column width.
03. Monotype (opens in new tab)
Monotype has made it incredibly easy to use its services, offering trial options that can be incorporated directly into a project.
04. Typekit (opens in new tab)
Adobe's service offers a limited collection of fonts to use on a website or in applications for free.