Typography on the Web
Articles, Documentation, Online Services, Books, Software, and more
Web Design Resources >
Typography on the Web
- FontDropper: The Best Tool Yet for Web Font Exploration
- Jason Santa Maria on Web Typography
- New Sites Automatically use Fonts from Typekit
- New Web Font Services Expand Choices
- Using Real Fonts on the Web
- Expand Typographic Freedom on the Web
Web Articles
- CSS Font Stack :: A complete collection of web safe CSS font …
- Fighting the @font-face FOUT
Firefox versions below 4.0 display text in the default font while an @font-face font is being loaded, creating an annoying "flash of unstyled type". This article details a variety of not very pleasant workarounds.
- @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
- WhatFont Tool - The easiest way to inspect fonts in webpages
- 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
- Lost Type Co-op
Pay-what-you-want type.
- 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
Robert Bringhurst
-
Fluid Web Typography
Jason Cranford Teague
-
Great Web Typography
Wendy Peck
© 2012 Webvanta Inc. All Rights Reserved.
