在網頁中加載外部字體。解決方案的Internet Explorer？

在所有體面的網頁瀏覽器@ font-face只是用於加載外部字體到您的網頁。但是，對於IE9之前的IE版本，這不起作用。我想使用Ubuntu字體系列。任何精彩的想法？在網頁中加載外部字體。解決方案的Internet Explorer？

2011-08-09 RobinJ

FontSquirrel將爲您創建適當的跨瀏覽器CSS。

範例CSS：

@font-face { 
    font-family: 'DroidSansRegular'; 
    src: url('/resources/fonts/DroidSans-webfont.eot'); 
    src: url('/resources/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/resources/fonts/DroidSans-webfont.woff') format('woff'), 
     url('/resources/fonts/DroidSans-webfont.ttf') format('truetype'), 
     url('/resources/fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

這個作品在IE7及以上，當然，所有其他瀏覽器。

來源

2011-08-09 12:45:00

+1松鼠來救援！ – andyb

是啊...偉大的CSS文件...// *生成的字體松鼠（http://www.fontsquirrel.com）在2011年8月9日* /'，這是生成的CSS文件內的一切。 – RobinJ

試了一遍，這次**做了**工作：D現在去測試它。 – RobinJ

-1

你可以看看this article：

瀏覽器支持

這使我進入了另一個重大問題，瀏覽器的支持。字體用的TrueType或OpenType字體嵌入只能作爲火狐3.5 和Safari 3.1和Opera 10（您可以通過使用命令行開關啓用它在你的的Chrome 2的副本。）

好吧，這已經體面，但我們可以做得更好。我們可以獲得互聯網資源管理器4+，Chrome 0.3+，Opera 9+甚至一點移動Safari 的行動。 EOT

Internet Explorer支持一種稱爲嵌入式 OpenType的特定類型，它可以控制允許嵌入字體的位置以及字體是如何嵌入的。您需要將TTF轉換爲EOT 格式。微軟提供了一個名爲WEFT的工具，但它是古老的，如果我能得到它，我會被詛咒。幸運的是，有一個命令稱爲TTF2EOT的工具可以轉換你的字體。

另外：How do I load external fonts into an HTML document?

來源

2011-08-09 12:48:06 Nivas

在網頁中加載外部字體。解決方案的Internet Explorer？

回答

相關問題