将商业字体嵌入网站

Question

晚上好女士们先生们！

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

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

1. sIFR
2. Cufón
3. typeface.js
4. CSS3字体-face

sIFR是众所周知的，也有点容易实现，但我知道，并不像只有Javascript的兄弟姐妹、Cufón和typface.js那么容易实现。

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

对于typeface.js来说，同样的情况也是如此，只不过事实不同，它甚至不能用许可证转换字体，这就禁止将字体嵌入到网站中。

最后但并非最不重要的是有这个‘新的’CSS属性，称为字体脸，这是难以置信的容易使用，但对于我们喜爱的IE，我们需要将文件转换为EOT (嵌入OpenType)文件。

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

现在的问题是：

在网站上使用这种商业字体的最佳方法是什么？从现在开始只使用免费字体或将所有使用过的字体转换为EOT文件，并与字体一起使用？

谢谢你的回答，我很感激！

Answer 1

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

使用这种方法通过CSS3字体面对是最好的解决方案。

对于IE，唯一需要做的开销就是转换Truetype字体(不幸的是OTF不起作用)。进入EOT文件。Microsoft WEFT是一种解决方案，但最好的方法是使用开源工具“ttf2eot”，在这里可以找到：http://code.google.com/p/ttf2eot/。

在谷歌搜索“kirsle向导”时，可以找到一个基于网络的前端。

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

IE4,5,6,7,8使用EOT文件，而TTF支持仅由Firefox3.1版本提供。关于Safari和Opera，我不确定，但是Safari 4为我工作，Opera 10也为我工作。

(所以Chrome不支持它，我想是因为使用了一个旧的webkit版本？！)

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

Answer 2

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