Windows 10 Block Untrusted Fonts

2016/6/11 min read

IE11 CSS3111 error

I'm using following google fonts, and fontawesome fonts and found following error.

<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

CSS3111: @font-face encountered unknown error.

There're few things you can check for this.

1. If you use IIS, Do you have file extension at `web.config`

The IIS will have to add following MIME type, you can either add to the IIS Manager directly or add as following at Web.config.

  <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
    </staticContent>
  </system.webServer>

Windows 10 + IE11 issue

Windows 10 default policy will block untrusted fonts, only at IE11 all fonts will not be able to render.

convert font as base64.

You can try to convert the font to base64, however this didn't work on my window 10 enviroment's IE11.

@font-face {
  font-family: 'FontAwesome';
  src: url(data:application/x-font-eot;base64,xtoAAODZAAACAAIABAAAAAAAAAAAAAAAAAABAJABAAAEAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAA
AAAAFMQkuwAAAAAAAAAAAAAAAAAAAAAAABYARgBvAG4AdABBAHcAZQBzAG8AbQBlAAAADgBSAGUA
ZwB1AGwAYQByAAAAJABWAGUAcgBzAGkAbwBuACAANAAuADIALgAwACAAMgAwADEAMwAAACYARgBv
AG4AdABBAHcAZQBzAG8AbQBlACAAUgBlAGcAdQBsAGEAcgAAAAAAQlNHUAAAAAAAAAAAAAAAAAAA

Change regedit's Group Policy

Type regedit and following path HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Kernel\. Look for MitigationOptions and change the value to 2000000000000.

This actually works for my case, after change it you might have to restart your pc to see changes.