1

先生们女士们晚上好！

寻找一种跨浏览器解决方案来嵌入商业字体，如 HelveticaNeue 或 Univers 等。我发现了一些有前途的方法。

首先，我将在这里列出所有找到的、现代且易于使用的方法：

  1. 国际标准频率
  2. 库丰
  3. 字体.js
  4. CSS3 字体

sIFR 是众所周知的，而且很容易实现，但据我所知，它不像纯 Javascript 的兄弟姐妹 Cufón 和 typface.js 那样容易。

Cufón 引起了我的注意，因为它的渲染比 typeface.js 好一点，并且创建了更小的字体文件。显然，没有合法的方式将其与任何商业字体一起使用，不允许将其嵌入到这种解决方案中。

对于 typeface.js，同样的情况也适用，只是事实不同，它甚至无法使用许可证转换字体，这禁止将其嵌入到网站中。

最后但并非最不重要的是，有一个名为 font-face 的“新”CSS 属性，它非常易于使用，但对于我们喜爱的 IE，我们需要将文件转换为 EOT（可嵌入 OpenType）文件。

因此，IE 需要特殊的 CSS 声明，以便能够在浏览器中使用这些字体。

现在的问题是：

在网站上使用此类商业字体的最佳方法是什么？从现在开始只使用免费字体与 Cufón 或将所有使用的字体转换为 EOT 文件，并与 font-face 一起使用？

感谢您有充分理由的回答，我很感激！

4

2 回答 2

3

最后经过几个小时的研究和测试，我发现了一个非常好的解决方案，可以将特殊字体嵌入网站。

通过 CSS3 font-face 使用该方法是最好的解决方案。

您必须为 IE 做的唯一开销是将 Truetype 字体（不幸的是 OTF 不起作用。）转换为 EOT 文件。Microsoft WEFT 是一种解决方案，但最好的方法是使用开源工具“ttf2eot”，该工具可在此处找到：http ://code.google.com/p/ttf2eot/

在 Google 上搜索“Kirsle Wizards”可以找到一个基于 Web 的前端。

唯一需要注意的是浏览器支持...

IE4,5,6,7,8 使用 EOT 文件，而 TTF 支持仅由 Firefox 版本 >= 3.1 提供。关于 Safari 和 Opera 我不确定，但 Safari 4 对我有用，Opera 10 也适用。

（所以我猜 Chrome 不支持它，因为使用了较旧的 webkit 版本？！）

根据我们机构客户的跟踪统计数据，“只有”15% 到 20% 的访问者使用不兼容的浏览器，例如 Firefox 2.0 或 3.0、旧版 Safari 或 Opera 或 Chrome。

于 2009-10-23T09:24:26.027 回答
0

本页底部有关于如何使用直接 HTML 和 CSS 的信息： http ://www.albinoblacksheep.com/text/font

于 2009-10-22T22:57:16.793 回答