网络字体嵌入与 sifr？答案

【问题标题】：Web font embedding vs. sifr?网络字体嵌入与 sifr？
【发布时间】：2010-10-30 07:20:08
【问题描述】：

我想使用非标准的网络字体来改善我的 HTML 的外观。

最好嵌入网络字体还是使用类似 sifr 的字体？

我的理解是 sifr 是一个基于 flash 的矢量字体查看器，但我一直不愿意尝试它，因为它看起来有些复杂。

似乎没有太多关于网络字体嵌入的令人鼓舞的讨论（因为法律问题），所以也许 sifr 更像是一种标准方式来做到这一点？

任何反馈都将不胜感激。谢谢。

【问题讨论】：

事实上，我认为法律问题并没有那么令人望而却步。人们创造了许多不错的免费可嵌入字体。也有商业的。确实更多的是“浏览器还不支持”的问题。顺便说一句，当您觉得自己有答案时，请不要忘记接受答案...

标签： sifr typography cufon webfonts typekit

【解决方案1】：

Safari 3.1、即将推出的 Firefox 3.5 和即将推出的 Opera 10 支持 Web 字体。自 IE4 以来，Internet Explorer 已支持（不同的）格式。

此时，在 Safari、Firefox 和 Opera 中实现的最大问题是它们要求您将原始字体文件上传到您的 Web 服务器。对于许多字体，这将构成对您从字体铸造厂获得的许可证的违反。因此，如果字体代工厂没有授予您使用它们的权限，那么现在的网络字体不是一个合适的解决方案。但是，有免费许可的字体可用。

这给我们留下了大约三个其他选项：图像、Flash 和基于 JavaScript 的解决方案。图像通常更受欢迎，因为它们对浏览器怪癖和性能的影响最小，但是在 PHP 中生成动态图像通常看起来不如其他解决方案好。您当然可以在 Photoshop 中手动创建图像，但这通常会达不到目的。

sIFR 使用 Flash 来呈现文本，并且非常灵活，您可以选择文本、动态更改文本以及对嵌套 HTML 元素的样式进行一些控制。 Hoefler & Frere-Jones 同意 sIFR，前提是您支付服务器许可费用并采取一切可能的措施将 sIFR Flash 电影限制在您的域名范围内。

Cufón 是一个纯 JavaScript 解决方案，它实现了自己的渲染引擎，非常聪明。在这一点上它还没有 sIFR 灵活，而且它的法律问题还不清楚。

也就是说，图像、sIFR 和 Cufón 都是 hack，我们需要正确的网络字体昨天。

（免责声明：我是 sIFR 的首席开发人员，所以我可能有些偏见。）

【讨论】：

哇，很荣幸有你在这里。感谢马克的回复。

【解决方案2】：

您也可以考虑 JS 替代方案。但是，为了获得最佳的跨浏览器兼容性，您最好使用图像，也许还可以使用背景图像和文本缩进 CSS 技巧来用图像替换静态文本。

我上面提到的技术（和其他技术）可以在这里阅读：http://css-tricks.com/nine-techniques-for-css-image-replacement/

【讨论】：

有趣。搜索更多信息的最佳关键字组合是什么？ “背景图像文本缩进CSS”？感谢您的建议。

【解决方案3】：

需要考虑的事项：

对于每一个看到您的“更好看”字体的访问者来说，由于浏览器不兼容或禁用该功能而不会看到的访问者也一样多。拥有正确的字体可能不是您可以进行的最有价值的设计更改。

使用我的移动浏览器编写，它不支持嵌入字体。

【讨论】：

这不是 50/50 的拆分。肯定有更多的人/浏览器支持 sIFR 或嵌入字体。无论哪种方式，对于那些不支持它们的浏览器，这两种方法都会优雅地降级。
@musicfreak：嵌入式字体只能优雅地降级为具有相同指标的字体，这并不是每个人都知道的。
@ilya n：真的吗？我不知道……老实说，我从来没有尝试过嵌入字体，仅仅是因为缺乏浏览器支持，但我认为 sIFR 没有任何问题。对于支持它的人以及看不到普通文本的人来说，这是一个很棒的工具。
“从我的移动浏览器编写，它不支持嵌入字体。”显然，您在这个问题上是公正的一方，嗯？

【解决方案4】：

请注意，定义字体嵌入的 CSS3 Web 字体模块仍然是工作草案。事实上，字体嵌入的实际支持并不好。我会说最好再等 2-3 年。

【讨论】：

+1，我打算写同样的东西。我相信 WebKit 是唯一一个在稳定版本中支持嵌入字体的流行浏览器引擎。
Opera 支持嵌入字体，下一个版本的 Firefox 也会支持。字体嵌入是 ACID 3 测试的关键部分，除 IE8 外，所有主要浏览器 v.next 目前都旨在通过该测试。我不会说 2 到 3 年......更像是 6 个月到 1 年才普遍可行，IE 在此之后的某个时间获得支持。
@jrista：但是没有人使用 Opera。 :) 而且，不幸的是，此时您不能忽略 IE，这意味着 2-3 年的估计相当准确......

【解决方案5】：

同样一文不值：TypeKit，该服务为您提供一行 JavaScript 以将所有这些抽象出来。

【讨论】：