@font-face 还是 sIFR 3？答案

【问题标题】：@font-face or sIFR 3?@font-face 还是 sIFR 3？
【发布时间】：2010-03-02 11:10:48
【问题描述】：

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

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

或者还有其他更好的免费解决方案吗？

【问题讨论】：

虽然两种方法都存在许可问题，但我知道在这两种方法中我们都会公开共享字体，如果我们使用 sIFR，则作为字体的 sIFR SWF；如果使用 @font-face，则作为字体的 sIFR SWF。跨度>

标签： css xhtml sifr font-face typography

【解决方案1】：

为什么不直接使用防弹@font-face 语法as described by Paul Irish 并在条件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]-->

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

【讨论】：

目前没有可以满足您所有需求的解决方案。一切都是取舍。但是，如果您从正确的 CSS (@font-face) 开始并根据需要备份它，就像 Sean 建议的那样，您就走在了正确的轨道上。

【解决方案2】：

如果我是你，请使用 @font-face 并向旧版浏览器提供 javascript 解决方案（如 cufón）。

使用fontsquirrel
和javascript filter

【讨论】：

我什至不知道有 @font-face 之类的东西，而且我一直在为 sIFR 受苦：O

【解决方案3】：

@font-face 并不像您希望的那样支持 IE6。因此，如果这是您的要求，请不要使用它。

浏览器一致性也是@font-face 的一个大问题

【讨论】：

IE6有什么问题？
哪些浏览器不支持@font-face face？
他还说“字体应该看起来像 Photoshop 中一样平滑”。不会在 IE6 中发生。在 IE 中你应该使用 EOT。他们是地狱般的制造/合作。
ok in IE6 only 字体看起来不像在Photoshop中那样平滑，否则没问题

【解决方案4】：

我认为您最好考虑有选择地使用带有 Alt 标签的图像，并依靠良好的使用和有品味的标准字体。

【讨论】：