Question

我正在为我想在本地显示的html表使用bootstrap v3.3.6。我正在使用某些字形，但是它们在Firefox中无法正确显示。它可以在Chrome和IE中正常运行。当我使用方括号进行实时预览时，它可以在Firefox中使用...

我的css文件本地保存在root / css中，而glyphicon文件保存在root / fonts中，我的index.html在根目录中

我在Google上搜索了很多，找到了解决我的问题的解决方案：

CSS @font-face not working with Firefox, but working with Chrome and IE

通过将firefox security.fileuri.strict_origin_policy设置为false，可以正确显示字形。

但是，我不能认为以后使用我的表的任何用户都可以弄清楚这一点...

我还发现了这一点：https://support.mozilla.org/en-US/questions/956597他们说firefox可以从同一目录或以下目录加载字体。对我不起作用。

这是将Glyphicons加载到bootstrap.css中的方式

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')  format('embedded-opentype'), 
url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),  
url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

还有其他解决方案吗？

字形图标未在Firefox中本地显示

0 个答案: