将商业字体嵌入网站

Question

女士们，先生们，晚上好！

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

首先，我会争取所有发现，现代和易于使用这里的方法：

1. sIFR的
2. 的Cufón
3. typeface.js
4. CSS3字体面

sIFR是众所周知的，有点容易实现，但据我所知，并不像 容易，因为它是只有Javascript的兄弟姐妹，Cufóna nd typface.js。

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

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

最后但并非最不重要的还有这个“新”的CSS属性，称为字体面， 这是非常容易使用，但对于我们所爱的IE浏览器，我们需要 的文件转换成EOT（Embedable的OpenType）文件。

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

现在的问题是：

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

感谢您提出的充分论证答案，我很感激！

Answer 1

几个小时的研究和测试后，终于让我找到嵌入特殊的字体到网站中一个非常 很好的解决方案。

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

你必须为IE做的唯一的开销是将你的Truetype字体（不幸的OTF不工作）转换成 EOT文件。微软纬是一个解决方案，但要做到这一点，最好的办法 ，是使用开源工具“ttf2eot”，这 可以在这里找到：http://code.google.com/p/ttf2eot/

一个基于Web的前端，可以发现搜索“kirsle Google上的向导“。

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

IE4,5,6,7,8使用EOT文件，而TTF支持仅 火狐版本> = 3.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