首页 > web前端 > css教程 > 正文

为什么我的 @font-face 在 Internet Explorer 中无法呈现,但在 Firefox 中却可以完美运行?

Patricia Arquette
发布: 2024-10-25 01:47:02
原创
516 人浏览过

Why is my @font-face not rendering in Internet Explorer, but it works perfectly in Firefox?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!