1 Reply Latest reply: Nov 4, 2014 9:00 AM by Liz, Typekit Support RSS

    Typekit web fonts only partially load in IE

    linseyfree Community Member
    linseyfree Nov 3, 2014 11:35 AM

      I'm having some troubles getting Typekit web fonts to work well with Internet Explorer. Occasionally the fonts will load just fine, sometimes the fonts won't load at all, and sometimes the fonts will only partially load where parts of the site will have the correct fonts and other sections will not. Again this is only with IE 9-11. Every other browser works fine. I'm hoping someone on the forums may be able to lead me in the right direction. I've emailed the support email on the typekit website twice and after waiting several days I fear they won't be getting back to me. Thanks for any help anyone can give me.

       

      This is an image of it working in Chrome.

      Screen Shot 2014-11-03 at 2.27.48 PM.png

      Image Not working in IE

      Screen Shot 2014-11-03 at 2.27.38 PM.png

      Now fonts working after refreshing the page twice

      Screen Shot 2014-11-03 at 2.28.09 PM.png

      • 32 Views
      • Tags:
        • 1. Re: Typekit web fonts only partially load in IE
          Liz, Typekit Support Adobe Employee
          Liz, Typekit Support Nov 4, 2014 9:00 AM (in response to linseyfree)

          Hi linseyfree,

           

          I am sorry that you've been having trouble with your font loading! We didn't receive an email from you in Typekit Support; I will look into what happened there. 

           

          I have been emailing with one of your colleagues (Tom S), however, and I believe this problem has been sorted out.  If you still see trouble with the font loading, however, please run the tests at the end of this post in IE 9 or 10 and we can look into it further for you.

           

          Best,

          -- liz

           

          Use the web developer tools in the browser to look at your site's assets, and take a screenshot of the timeline for Typekit.

           

          1. Clear your site cache so that the Typekit files are requested from the network again.

          2. Select the network tab in the developer tools and keep it open.

          3. Go to the page that's giving you trouble. Verify that it loads and that the fonts still aren't loading properly.

          4. In the network tab, scroll down until you find the requests from Typekit; there should be a JavaScript file and a CSS file.

          > take a screenshot

           

          5. Select the JS filename, then select the Headers tab that appears.

          6. Resize the window so that all header info rows are visible.

          > take a screenshot

           

          7. Select the HTML tab.  Is the font marked as "wf-active" in the font events on the HTML tag?

          > take a screenshot