Skip to main content

  • Member Sign In
  • Become A Member
  • Need Support?
  • English

    Select Your Language

    Fonts.com is currently in English

    • English
    • Deutsch
    • 日本語
    Close
  • USD
  • Items In Your Cart:0

fonts.com

  • Browse Fonts
  • Web Fonts
  • Subscriptions
  • Learn About Fonts & Typography

  • Home
  • Support
  • Fonts.com FAQs
  • How Can I Prevent FOUT?
  • Shopping on Fonts.com
  • Using and Installing Desktop Fonts
  • About Fonts.com Web Fonts
  • Fonts.com Web Fonts Accounts
  • Fonts.com Web Fonts Billing
  • Using Fonts.com Web Fonts
  • Troubleshooting Issues with Web Fonts
  • SkyFonts
  • Subscription Desktop and Mockup Fonts
  • Typecast

 

 

 

How Can I Prevent FOUT?

Having trouble with FOUT (flash of unstyled text) showing in your project? We have some great news for you – it’s simple to remedy. By setting a configuration variable before referencing our JavaScript implementation, the script will prevent FOUT from occurring. Let’s set the configuration:

<script type="text/javascript">
    // first, create the object that contains
    // configuration variables
    MTIConfig = {};

    // next, add a variable that will control
    // whether or not FOUT will be prevented
    MTIConfig.EnableCustomFOUTHandler = true // true = prevent FOUT
</script>

Make sure this block is included before you include the SCRIPT tag that references your Web font project.

Find Your Type

  • About
  • Blog
  • Services
  • Submit Fonts
  • Be an Affiliate
  • Support
  • Contact
  • Developers
  • Monotype
  • Legal
  • Sitemap
  • Font Index
  • Facebook
  • Twitter
  • 1.1605.13.1520