Posted about 3 years ago. Visible to the public.

When Internet Explorer does not render webfonts on customer machines

Things to check first

  • Do you deliver fonts in a format that the target IE version understands?
  • Did you double-check your @font-face declarations with all the hacky syntax that is required? Compare them with other declarations you find on the web.
  • Are all webfont versions delivered with the correct mime type?
  • Does the customer have a locally installed font with the same name? This usually leads to trouble, but there are workarounds.
  • Do IE's security settings prevent the download of webfonts? (see below)

IE Security Settings can prevent font download

I had a case where the customer's IE11 would not render webfonts. It was only the customer's computer (no one else's), and only IE (Firefox worked fine). Additionally, the customer's own website that was using the same webfont files looked well—still my project did not.

The reason was IE security settings. In the "Internet Options" in the "Security" tab, there's a slider to set a security level. When set to "high", IE won't load webfonts. These settings can be customized via the "Customize" button; there's an option to (not) "Download remote fonts".

The customer's own page did render fine because it was marked as "Trusted Site" by the company's sysadmin.

Boom. I hope you'll never need to know this.

Growing Rails Applications in Practice
Check out our new e-book:
Learn to structure large Ruby on Rails codebases with the tools you already know and love.

Owner of this card:

Dominik Schöler
Last edit:
about 3 years ago
by Henning Koch
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Dominik Schöler to makandra dev
This website uses cookies to improve usability and analyze traffic.
Accept or learn more