这是我自定义的 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.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
所有这些引导字体都驻留在我的虚拟机 (192.168.137.4) 中。加载页面时,IE8 总是需要下载字体,而其他所有浏览器(Chrome、Firefox 和 IE9、10、11)都没有问题。
当我试图用这些字体的一些cdn链接替换../../时(例如:https ://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/fonts/glyphicons-halflings-regular.eot )它只是在 IE8 中完美运行,但我仍然需要从本地加载它们。
请告知,我错过了什么/需要改变什么来解决这个问题?
P/S:我确实查阅了这些帖子,但徒劳无功:
- https://css-tricks.com/forums/topic/how-to-prevent-ie7-ie8-from-downloading-font-face-files/