10

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

嵌入网络字体或使用类似 sifr 的字体更可取吗？

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

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

对于任何反馈，我们都表示感谢。谢谢。

4

5 回答 5

12

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 的首席开发人员，所以我可能有些偏见。）

于 2009-06-01T21:58:10.780 回答
3

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

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

于 2009-05-31T23:58:35.597 回答
2

需要考虑的事情：

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

用我的手机浏览器写的，它没有嵌入字体。

于 2009-05-31T23:36:56.140 回答
2

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

于 2009-06-01T00:22:13.053 回答
1

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

于 2009-06-01T22:04:14.933 回答