Internet Explorer 不加载字形图标/在 HTTPS 中的初始渲染上打开 Sans

Question

我有以下问题。我有一个 AngularJs/Bootstrap 应用程序，它在登录页面以及包装的 Spring 4 应用程序的安全上下文中显示一些字形图标。

在登录页面上，无论是 Open Sans 字体还是 Glyph-Icons 都不会在 Internet Explorer 10 或 11 中加载（也许在下面，还没有测试过）。所有其他浏览器都可以正常工作。奇怪的是，一旦我登录到服务器端 webapp (Spring 4)，字体和图标都会开始显示。即使我退出，它们现在也可以在登录页面上看到（直到我关闭浏览器并再次加载页面）。

在 HTTP 中，整个事情似乎在本地运行良好，但在 HTTPS 中的 QA 中却不行。

这里是代码：

<link rel="stylesheet" href="assets/css/libs/bootstrap.min.css"/>
<link rel="stylesheet" href="assets/css/libs/font-awesome.min.css"/>

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(fonts/opensans/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(fonts/opensans/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

}

字体位于： webapp/assets/fonts/opensans

此外，我没有在查看检查器的元素上得到任何 404。

Answer 1

显然，出于某种原因，我在开始该项目时必须更改 bootstrap.min.css 和字体-awesome.min.css。

通过 Bower 重新下载这些源后，问题消失了。

比较新旧文件时，我发现我必须删除字体的 .ttf 和 .eot 导入。

对于遇到类似问题的人，请确保导入所有需要的格式（适用于所有浏览器），这包括但可能不限于：.woff、.woff2、.eot、.ttf。另外，不要对 .min 文件进行自定义更改：P

Internet Explorer 不加载字形图标/在 HTTPS 中的初始渲染上打开 Sans

Internet Explorer Not Loading Glyph Icons / Open Sans on Initial Render in HTTPS

css

internet-explorer

spring

twitter-bootstrap

glyphicons