Fighting the @font-face FOUT
Fighting the @font-face FOUT
Link: http://paulirish.com/2009/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.
Our Articles
- 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
More Resources
- Fonts: Killer Typography Tools and Free Font Downloads
- CSS Font Stack :: A complete collection of web safe CSS font stacks
- Lost Type Co-op
- WhatFont Tool - The easiest way to inspect fonts in webpages
- @font-face gotchas
- 8 Faces
- Typographic Design Patterns and Best Practices
- The Elements of Typographic Style
- Fluid Web Typography
- Font Squirrel | Download Hundreds of Free @font-face Fonts
- Font Squirrel | Create Your Own @font-face Kits
- Webtype
- Fonts.com Web Fonts
- Web Fonts. Delivered ∗ Kernest
- WebINK Web Fonts
- Fontdeck webfonts: Real fonts for your website
- Typekit
- Typographic pizzazz: Coming to a Web near you
- The League of Moveable Type
- Bulletproof @font-face syntax
- What is the best way to use non standard fonts online?
- 30 of the Best Web Typography Resources Online | Webdesigner Depot
- Google Font Directory
- typekit's webfontloader
- Typekit and Google Announce Open Source Collaboration
- 50 Helpful Typography Tools And Resources
- Experimenting with web fonts on the iPad
- leeky's Font-Stack-Tester
- 12 Killer Tips for Designing in the Browser
- Web-safe Fonts | Web Typography | Speaking In Styles
- Browser Choice vs Font Rendering
- 40 Awesome Cartoon And Comic Fonts For Designers
- Designers Discuss Their Favorite Quality Fonts
- 25 High-Quality Calligraphy Fonts
- Great Web Typography
- Typedia: A Shared Encyclopedia of Typefaces
- Build better CSS font stacks
- Better CSS Font Stacks
- Typographic Design Patterns and Best Practices | How-To | Smashing Magazine
- The River Current - 10 Beautiful Examples of Typography as Art
- DevSnippets : 25 High Quality Free Fonts for Professional Design - inBlogs Ad-Free Aggregator
- Web fonts. Where are we? Will web fonts ever be a reality? | i love typography, the typography and fonts blog
- Improve Your Typography
- The Typekit Blog
- Designing with Type | Layers Magazine
- FontJazz - Embed fonts on web pages
Get Started
Company Info
Follow Webvanta
© 2012 Webvanta Inc. All Rights Reserved.
