It’s been said that web design is 95% typography. So as a web designer, getting the typography right is a must. Today with the growing popularity of web fonts and modern CSS techniques, this task has become easier, but it never hurts to have all the help you can get with something so critical. That’s why we’ve rounded up some useful tools to help you create better web typography.
Typewolf
Typewolf is a curated design showcase that identifies the fonts used in the design. Our goal is to serve as a one-stop resource for designers seeking typographic inspiration for the modern web.
Tiff
A type diff tool that visually contrasts the differences between two fonts.
TypeWonder
TypeWonder helps you to test web fonts on any website on the fly!
FFFFALLBACK
Web fonts are here, sparking an exciting new era in web design. FFFFALLBACK makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully.
Fontdeck
Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
Typecast
Use Typecast to create visual and semantic designs. Check for readability, rendering and beauty then share a working prototype of your design.
FontFriend
FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages, making it the ideal companion for creating CSS font stacks.
Typekit
The easiest way to use real fonts on your website.
WhatFont
WhatFont also detects services used for serving the font. Now supports Typekit and Google Font API.
Font Combinator
This tool has been built to allow previewing of font combinations in a fast, browser-based manner. There have been numerous printed books through the years that allowed a designer to put a headline font next to a body font, and this is an attempt to recreate that for the web.
