Typography on the Web
Typography on the web is experiencing a renaissance with the widespread support for @font-face and the emergence of web font service bureausNew Web Font Services Expand Choices
In my previous post on using real fonts on the web, I highlighted a few web font service bureaus. These services seem to be proliferating like rabbits, and in this post I'll mention a few more.
Using Real Fonts on the Web
In my previous post, I explained how CSS's @font-face tag enables designers to use a wider range of fonts without resorting to font replacement hacks. In this post, I'll explain the actual code and explore some of the services that make it easy to expand your web font repertoire.
Expand Typographic Freedom on the Web
Typography on the web has long suffered in comparison to print. The biggest limitation has been the limited number of fonts that a designer can use. It's still messy, but it is now possible to use a much wider range of fonts.
Web Articles
- @font-face gotchas
- Typographic Design Patterns and Best Practices
- Typographic pizzazz: Coming to a Web near you
- Bulletproof @font-face syntax
- What is the best way to use non standard fonts online?
- 30 of the Best Web Typography Resources Online | Webdesigner …
- Typekit and Google Announce Open Source Collaboration
- 50 Helpful Typography Tools And Resources
- Experimenting with web fonts on the iPad
- 12 Killer Tips for Designing in the Browser
A nice assortment of tools and techniques for designing in HTML and CSS. - Browser Choice vs Font Rendering
- 40 Awesome Cartoon And Comic Fonts For Designers
- Designers Discuss Their Favorite Quality Fonts
- 25 High-Quality Calligraphy Fonts
- Build better CSS font stacks
- Better CSS Font Stacks
- Typographic Design Patterns and Best Practices | How-To | …
- The River Current - 10 Beautiful Examples of Typography as Art
- DevSnippets : 25 High Quality Free Fonts for Professional …
- Improve Your Typography
- Designing with Type | Layers Magazine
Resource Sites & Magazines
- Fonts: Killer Typography Tools and Free Font Downloads
A very useful set of links to web typography-related resources. - Web fonts. Where are we? Will web fonts ever be a reality? | …
Blogs
Design Gallery
Software
- typekit's webfontloader
- leeky's Font-Stack-Tester
Bookmarklet that shows how a site looks without certain fonts installed. - FontJazz - Embed fonts on web pages
Print Magazines
- 8 Faces
A beautiful bi-annual magazine for folks who are passionate about typography. Offered in a limited-edition print run and also as a PDF.
Reference
Online Services
- Font Squirrel | Create Your Own @font-face Kits
A free service that converts an OpenType or TrueType font into the variety of font formats needed for the web, and provides the CSS to invoke them.
- Webtype
- Fonts.com Web Fonts
- Web Fonts. Delivered ∗ Kernest
- WebINK Web Fonts
- Fontdeck webfonts: Real fonts for your website
- Typekit
Fonts
- Font Squirrel | Download Hundreds of Free @font-face Fonts
- The League of Moveable Type
Free fonts that you can use with @font-face. - Google Font Directory
Books
-
The Elements of Typographic Style
Although this book does not cover web typography specifically, it is a wonderful resources for learning to use type well in general.
