17 Typography Resources
Your customers spend time looking at your site’s text, so you’d better make sure your fonts look the way you want.
Here is a list of typography resources and tools. There are sites to purchase fonts and access free fonts, typography resources to inspire your design, CSS tools to style your fonts and get the code, and sites to test the look of your fonts.
I Love Typography. This site covers typography, type design, lettering, and all related passions.
The FontFeed. The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world.
Google Web Fonts. Google Web Fonts makes it quick and easy for everyone, including professional designers and developers, to use its more than 500 free web fonts.
MyFonts. Use the world’s largest collection of fonts. Find fonts for your project, try fonts before buying, and organize fonts you like. Use the WhatTheFont tool to identify fonts you’ve seen before or find a close match.
Typekit. Typekit is an easy way to use high-quality typefaces on your site. Price: Trial account is free with two fonts per site with 25,000 page views per month; Portfolio account is $49.99 per year for full library access on sites up to 500,000 page views per month.
FontShop. FontShop offers a wide array of high-quality fonts. Review the top fonts, bestsellers, popular fonts, or staff picks. Browse fonts by category, family, designers, and more.
TypeInspire. TypeInspire is a showcase of typography. Most of the items featured are the work of graphic designers and web designers. All of the fonts are open source.
WEbINK. Choose from more than 4,000 fonts for your website. WebINK pricing is based on the number of unique visitors to your sites. Price: Development account is free for 10 unique visitors per day; Pro plan is $50/year for 80,000 unique visitors/month.
Typetester. The Typetester is an online application for a side-by-side comparison of different fonts for the screen. Test up to three fonts at a time.
Fontspring. Fontspring is a unique font license distributor. Its goal is to make buying fonts easy, without subscriptions and complex licensing. Fonts licensed from Fontspring are yours to use on as many projects as you like.
Typechart. Typechart lets you flip through, preview and compare web typography while retrieving the CSS.
CSS Type Set. Use CSS Type Set to preview your CSS text as you modify it, then view the code.
Letterhead Fonts. Letterhead Fonts displays unique and creative fonts from graphic designers and sign artists. The site’s goal is to supply the fonts (and a little inspiration) and you supply the design.
FontStruct. FontStruct is a free font-building tool that lets you quickly and easily create fonts constructed out of geometrical shapes, in a grid pattern, like tiles or bricks.
CSSTXT. CSSTXT is another CSS code generator for text. Make style selections and preview the changes, then select the Get Code button.
Linotype Font Finder. The Linotype Font Finder asks you questions to filter its over four thousand fonts and to recommend the font you need.
Font Squirrel. Font Squirrel is a site that offers a collection of quality free fonts, licensed for commercial work. Along with staff picks, it lists popular and recent additions to the collection.