0

我已经成功地为两种字体使用了字体声明，它适用于除 IE8 及以下版本之外的所有浏览器。我正在使用来自http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax的代码。奇怪的是在 IE8 上，一种字体工作，另一种没有。这是CSS：

@font-face {
    font-family: 'FreestyleScriptRegular';
    src: url('freescpt.eot'); /* IE9 Compat Modes */
    src: url('freescpt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('freescpt.woff') format('woff'), /* Modern Browsers */
         url('freescpt.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('freescpt.svg#FreestyleScriptRegular') format('svg'); /* Legacy iOS */
    }


@font-face {
    font-family: 'GillSansMTCondensed';
    src:url(Gill_Sans_MT_Condensed.eot);/* IE9 Compat Modes */
    src: url('Gill_Sans_MT_Condensed.eot?#iefix') format('embedded-opentype'),
         url('Gill_Sans_MT_Condensed.woff') format('woff'),
         url('Gill_Sans_MT_Condensed.ttf') format('truetype'),
         url('Gill_Sans_MT_Condensed.svg#GillSansMTCondensed') format('svg'); 

}

FreestyleScriptRegular 未正确渲染，但 GillSansMTCondensed 正确。我已经尝试了我能想到的所有东西以及我能想到的所有 hack。我什至使用不同的应用程序为相关字体重新生成了eot文件，但没有任何区别。

IE8 有什么特殊的东西会阻止第二种字体工作吗？有任何想法吗？

谢谢

4

3 回答 3

1

Gill Sans MT 字体受版权保护，@font-face不允许用作可下载字体 via。一些浏览器在技术上强制执行此法律限制。

考虑尝试寻找合适的免费字体，或者可以为预期用途付费的字体。

于 2013-09-15T07:04:24.823 回答
0

这可能会使您的 CSS 无法正确呈现：

url('freescpt.ttf')  format('truetype'), /* Safari, Android, iOS */

url('freescpt.ttf') 和 format() 之间有一个额外的空格。尝试删除它，看看会发生什么。不要忘记清空所有缓存。

于 2013-09-15T00:54:05.317 回答
0

仅从您发布的代码来看，以下没有单引号：

src:url(Gill_Sans_MT_Condensed.eot);/* IE9 Compat Modes */

而你的代码在这里：

src: url('freescpt.eot'); /* IE9 Compat Modes */

尝试删除引号以使其如下所示：

src: url(freescpt.eot); /*IE9 Compat Modes */

希望这将帮助您解决问题。

于 2013-09-15T07:35:20.390 回答