2010-12-01 98 views
4

我使用下面的CSS渲染字體代碼,但它不工作在IECSS字體問題

@字體面{FONT-FAMILY:BELOVED; src:url('font/BELOVED.TTF');}

有什麼建議嗎?

+0

現場示例如何? – Kyle 2010-12-01 09:56:42

+0

它是本地服務器上,無法提供您鏈接(本地主機) – 2010-12-01 10:01:11

回答

4

你最好去fontsquirrel.com並掀起了一個@字體面對面套件讓您得到最大的跨瀏覽器。保羅愛爾蘭語還擁有一個靈活的防彈跨瀏覽器示例,如何正確嵌入@ font-face。

18

IE可惜不支持TTF字體,所以你需要使用一個EOT以及,支持的類型/瀏覽器是

  • 的Internet Explorer(所有版本):EOT
  • Safari瀏覽器(3.2以上版本) :TTF/OTF
  • iPhone(3.1)SVG
  • 瀏覽器(所有版本):SVG(TTF/OTF由2010年1月25日)
  • 的Firefox(3.5+):TTF/OTF(.WOFF增加3.6)
  • Opera(10+)TTF/OTF

我用font-face取得了有限的成功,但我希望有所幫助。

+4

+1對瀏覽器的支持,非常翔實 – 2010-12-01 10:02:30

+0

相當有用的信息 – 2010-12-01 10:05:31

1

壞消息:IE不支持TTF格式的標準字體。 (我總是驚訝IE很難處理)

好消息:IE確實支持一種叫做EOT的替代字體格式。你需要提供兩種格式的字體,並修改你的CSS來指定它們。

@font-face { 
    font-family: Beloved; 
    src: url(/location/of/beloved.eot); /* IE */ 
    src: local(Beloved), url(/location/of/beloved.ttf) format("truetype"); /* non-IE */ 
} 

在一般情況下,你應該能夠轉換您的TTF字體到EOT格式沒有太多的問題,但你會發現一些字體是unconvertable。那樣的話,你運氣不好。

更多細節在這裏:http://randsco.com/index.php/2009/07/04/p680

3

很容易通過 解決去這個鏈接http://www.fontsquirrel.com/fontface/generator

上傳您的字體

然後下載所有文件都被支持不同的瀏覽器不同的字體格式,並在項目中使用。現在它將在所有瀏覽器中準確工作