html - 不使用 FQDN 时无法加载 IE 字体

Question

我在我的 CSS 中定义了一个如下所示的字体:

@font-face {
  font-family: 'iconFont';
  src: 
      url('../fonts/iconFont.eot?') format('eot'), 
      url('../fonts/iconFont.woff') format('woff'), 
      url('../fonts/iconFont.svg#iconFont') format('svg'), 
      url('../fonts/iconFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

我还有一些类似格式的其他字体。当使用我的 PC 的完全限定域名(例如“mypc.mydomain.local”)时，Internet Explorer 9+ 会检索字体并正确呈现页面。然而，当仅使用我笔记本电脑的主机名时(例如“mypc”)，IE 甚至从不尝试检索字体。我已经使用 Fiddler 确认了这一点.

我能看到的唯一区别是不同的安全区域是否有效取决于是使用完全限定名称(Internet)还是仅使用主机名(本地 Intranet)。这两个区域都设置为在我的 PC 上启用“下载字体”。

如果它与安全区域有关，那么令人惊讶的是，Intranet 设置似乎允许少于 internet 设置。或者它是 IE 中的错误。

无论我使用什么主机名，Firefox 都会下载字体并正确呈现。

Answer 1

Internet Explorer 对 WOFF 字体强制执行同源或 CORS 检查。如果您在“mypc.mydomain.local”有一个页面，它不能使用来自“mypc”的字体，除非存在适当的 Access-Control-Allow-Origin header 。

https://developers.google.com/fonts/docs/troubleshooting#CORS_header