I am having problems with web fonts in Internet Explorer 11. The font works for some users with IE11 but not others, although this is the same browser. Modernizr.fontface still returns true for users experiencing the problem, so I can rule this out.
Below is the CSS ...
@font-face {
font-family: 'Balthazar';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/Balthazar/Balthazar.eot');
src: local('Balthazar Regular'),
local('Balthazar-Regular'),
url('/assets/fonts/Balthazar/Balthazar.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Balthazar/Balthazar.woff2') format('woff2'),
url('/assets/fonts/Balthazar/Balthazar.ttf') format('truetype'),
url('/assets/fonts/Balthazar/Balthazar.svg#Balthazar-Regular') format('svg');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
<remove fileExtension=".woff"/>
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<remove fileExtension=".woff2"/>
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
<remove fileExtension=".ttf"/>
<mimeMap fileExtension=".ttf" mimeType="application/x-font-ttf" />
<remove fileExtension=".eot"/>
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".svg"/>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".svgz"/>
<mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
IE is trying to display the ttf file, and so I thought it might be a mime type problem. That was partially: I upgraded the mime type to the application / x -font-ttf, which fixed it for at least one user, but two more people are still experiencing this problem. Then I tried to add WOFF after WOFF2 and still did not work.
I'm at a loss. Please, help.