Internet Explorer:@font-face 未渲染
在尝试将时尚字体合并到网站中时,开发人员遇到了一个问题:这些字体在 Firefox 中显示完美,但在 Internet Explorer 中无法显示。尽管 Apache 访问日志中有证据表明 IE 已访问字体,但 @font-face CSS 标记并未导致正确的渲染。
为了解决此问题,开发人员使用了一种将字体转换为 EOT 格式的工具,即Kirsle的TTF2EOT转换器。然而,微软的 WEFT 工具被证明无效,应用程序在初始化时挂起。
开发人员用于字体定义的 CSS 如下:
@font-face { font-family: 'HelveticaLTCN'; src: url('HelveticaNeueLTCom-LtCn_0.eot'); src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType'); }
随后使用以下命令调用字体CSS:
p .mytext { font-family: HelveticaLTCN; }
解决方案:使用 Font Squirrel
要克服这个障碍,强烈建议使用 Font Squirrel 的服务。该工具在功能方面超越了 WEFT,并为交叉兼容性提供了卓越的解决方案。 Font Squirrel 能够在单个 ZIP 文件中生成所有基本的跨浏览器格式,并附有全面的 CSS HTML 示例页面。
使用 Font Squirrel 可以在 @fontface 的实现中实现无与伦比的简单性和效率,提供最有效的方法来在各种网络浏览器上实现最佳字体渲染。
以上是为什么我的 @font-face 在 Internet Explorer 中无法呈现,但在 Firefox 中却可以完美运行?的详细内容。更多信息请关注PHP中文网其他相关文章!