Bootstrap glyphicons未在IE和Safari中显示

I have a strange problem in my ASP.NET MVC application: bootstrap glyphicons not shown in IE and Safari,but successfully shown in the Google Chrome and FireFox.

我的ASP.NET MVC应用程序中有一个奇怪的问题:引导程序字形不在IE和Safari中显示,但在Google Chrome和FireFox中成功显示。

I'v checked that in less files I have right path to files with fonts(.eot and other). But it does't work in IE and Safari. When view html and css in browser inspector, I see that class for glyphicon has attribute content that striked, but in Chrome it is not striked. I'v also swith on allow font load in the IE setting but it does't help. I'm using Bootstrap 3.3.6.

我检查过,在较少的文件中,我有正确的文件路径(.eot和其他)。但它在IE和Safari中不起作用。在浏览器检查器中查看html和css时,我看到glyphicon的类具有被攻击的属性内容,但在Chrome中它没有受到攻击。我也开始在IE设置中允许字体加载,但它没有帮助。我正在使用Bootstrap 3.3.6。

I have this issue in the IE 11 and the Edge and the Safari.

我在IE 11和Edge以及Safari中遇到过这个问题。

Please, tell me how to figure it out?

请告诉我如何解决这个问题?

Update.

            <p class="input-group">
                <input name="startDate" type="text" uib-datepicker-popup="{{format}}" ng-model="startDate" is-open="status.startDateOpened" datepicker-options="dateOptions" close-text="Close" />
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="openStartDate($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </p>

1 个解决方案

#1

After some StackOverflow searching, it seems that this problem has been encountered before. The problem might be involving the HTTP header Cache-Control: no-cache for the font. While this will work fine with HTTP, over HTTPS it causes Internet Explorer to ignore the downloaded font.

经过一些StackOverflow搜索,似乎之前遇到过这个问题。问题可能涉及HTTP标头Cache-Control:字体的无缓存。虽然这适用于HTTP,但通过HTTPS,它会导致Internet Explorer忽略下载的字体。

My best guess is that it's a variation of this behaviour: http://support.microsoft.com/kb/815313

我最好的猜测是,这是此行为的变体:http://support.microsoft.com/kb/815313

So, if you're seeing IE work through each font in the Developer Tools network view, it might be worth checking if you have a Cache-Control header and removing it.

因此,如果您在开发人员工具网络视图中看到IE通过每种字体工作,则可能值得检查您是否具有Cache-Control标头并将其删除。

A reference to another case: Bootstrap (v3.3.4) glyphicons not displayed in IE when refresh page (F5)

对另一种情况的引用:刷新页面(F5)时IE中未显示Bootstrap(v3.3.4)字形

And another, the original possible solution I found: @font-face EOT not loading over HTTPS

另外,我找到了原始可能的解决方案:@ font-face EOT无法通过HTTPS加载

1 个解决方案

#1

更多相关文章

随机推荐