將商業字體嵌入網站

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