Webfont 在 Internet Explorer 中不起作用

Posted 2023-03-06

【中文标题】Webfont 在 Internet Explorer 中不起作用

【英文标题】：Webfont not working in Internet Explorer

【发布时间】：2013-04-30 00:43:10

【问题描述】：

我正在使用由 fonts.com 托管的网络字体。它在 Chrome、Firefox、Safari 中正常呈现，但不能在任何版本的 Internet Explorer 中呈现。连 IE10 都不渲染。

该项目使用 Plone 运行。 css 文件通过 Cs-s-regestry 正常注册。但这对普通网站应该没有任何影响。

对于所有熟悉 Plone 的人，这是注册表：

<stylesheet
    bundle="aufhebenswert"
    id="http://fast.fonts.com/cssapi/47bc7d51-3bb8-428d-a077-06d3d6f54eae.css"
    insert-after="*"
    cacheable="False"
    compression="none"
    cookable="False"
    enabled="True"
    media="screen"
    rel="stylesheet"
    rendering="link"/>

对于所有其他人，这是出现在 html 站点中的：

<link rel="stylesheet" type="text/css" media="screen" href="http://fast.fonts.com/cssapi/47bc7d51-3bb8-428d-a077-06d3d6f54eae.css">

在 IE 中，链接的呈现方式与在 chrome 或 FF 中完全相同，...

遗憾的是，我在之前在这里提出的其他问题中找不到任何解决方案。谷歌搜索也没有成功。

是否有任何已知问题或我做错了什么？

官方的 fonts.com 字体应该在 IE 4 及更高版本中工作。

【参考方案1】：

我怀疑应用样式表中的字体缺少本地源：

src: local(fontfamilyname) local(fontname)

这可能与 Plone 中使用的 ++resource++-paths 有关。

样式表似乎受到身份验证机制的保护，因为将样式表直接从给定的 url 应用到测试模板中可以正常工作，而应用它的本地副本则不行。

您的字体提供程序是否允许您获取实际的字体文件或自定义样式表？如果是，应用字体文件和样式表的本地副本，用您的 Plone-product-URL 替换字体 URL，并用本地源补充样式规则。

【讨论】：

遗憾的是没有任何方法可以做到这一点。提供不提供字体本身或自定义样式表。直到现在我还没有找到任何解决方案。唯一让它变得更好的是使用接近这个字体的替代字体......：/

是的，即使我对 google-services 有强烈的保留意见，我也不得不承认，我真的很喜欢 googlefonts-project，它提供了“真正免费”的字体。你也可能只是购买你最喜欢的字体。如果您曾经获得实际的字体文件（总是比外部提供的更好，恕我直言）并且可以批准我的回答，我们将不胜感激，因为我已经对此进行了肯定的测试。

fontspring.com/blog/the-new-bulletproof-font-face-syntax 似乎也很有帮助。