当前位置：文江博客话题详情

@font-face 还是 sIFR 3？

发布于 2024-08-23 10:13:40 字数 398 浏览 7 评论 0原文

我必须在网站中实现自定义字体，应该使用什么。客户正在提供自定义字体。

所有浏览器支持（包括 IE6 和所有 A 级浏览器）
文本可选
选项可见
可通过屏幕阅读器访问
如果 JS 存在则可成功降解禁用
易于在更短的时间内实施和管理
移动浏览器兼容
性能问题更少
无需购买
也可以用作链接
字体应该看起来像 Photoshop

还是有其他更好且免费的解决方案包含所有这些功能？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

≈。彩虹 2024-08-30 10:13:41

为什么不直接使用防弹 @font-face 语法如 Paul Irish 所描述的< /a> 并在条件 IE 标记中使用替代样式和 javascript 进行备份？

IE：

<style type="text/css">
...
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
}
...
</style>
<!--[if lte IE 6]>
<link type="text/css" rel="stylesheet" href="ie_6styles.css" />
<script type="text/javascript" src="Cufon.js"></script>
<script type="text/javascript">
   Cufon.init();
</script>
<![endif]-->

此设置无法立即满足您的要求的唯一部分是全面的移动兼容性。一旦确定要支持哪些平台，该解决方案就应该具有足够的可扩展性，以支持所有平台。

Why not just use the bulletproof @font-face syntax as described by Paul Irish and back it up with alternate styles and javascript in conditional IE tags?

IE:

<style type="text/css">
...
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
}
...
</style>
<!--[if lte IE 6]>
<link type="text/css" rel="stylesheet" href="ie_6styles.css" />
<script type="text/javascript" src="Cufon.js"></script>
<script type="text/javascript">
   Cufon.init();
</script>
<![endif]-->

The only part of your requirements that is not met by this setup right off the bat is mobile compatibility across the board. Once you determine what platforms you want to support, this solution should be extensible enough to allow support for all of them as well.

回复收藏 0 原文