有沒有辦法顯示瀏覽器不支持的字體？

我想使用一種名爲BPreplay的字體，我猜測它至少不支持一個主要的瀏覽器，如果不是全部的話。有沒有辦法顯示瀏覽器不支持的字體？

有沒有一種方法使用CSS或JavaScript/jQuery或其他方式來允許瀏覽器支持和使用我的網站上的字體，以便我的用戶也能看到我想要的字體呢？

謝謝！

2011-06-30 Derek

瀏覽器支持大多數字體，但它取決於字體格式。 – BoltClock

您可以使用@font-face屬性來使用自定義字體。每個瀏覽器需要不同類型的字體。您可以閱讀更多here並找到與所有瀏覽器兼容的字體here

2011-06-30 22:11:36 Ravan

+1也用於表示字體松鼠。 – kinakuta

您看過Google Web字體嗎？ http://www.google.com/webfonts

2011-06-30 22:11:53

我不推薦它。至少在這裏，文字在字體加載之前隱藏了一點，我覺得它很醜。 – Ravan

另外，Google Web Fonts上的反鋸齒功能不太好。 – Terry

兩者都允許您提供您想要的字體。

2011-06-30 22:15:08 Sanden

我會勸阻使用sIFR--我用了一段時間，很快就轉向了Cufon。 Cufon是更好的選擇，因爲它不需要Flash支持，而是使用HTML5中的'

我在包括Wordpress在內的所有網站上都使用了Cufon，以便在瀏覽器及其版本中保持字體和大小的統一。或者讓客戶無法獲得足夠的公園大道字體，因爲他的公司名稱是一個快樂的小蛤蜊。 – Sanden

@font-face css屬性允許您指定自定義字體，方法是將其託管在您的服務器上，然後指定url。您可以實現它像

@font-face { 
    font-family: 'BPrelay'; 
    src: url('fontname.ttf'); 
} 

p { 
    font-family: BPrelay, helvetica, arial, sans-serif; 
}

您也可以使用服務，如Google web fonts或fontsquirrel處理託管和liscensing你。

您也可以provide a fallback to a local file如果用戶有它 - 以節省帶寬

2011-06-30 22:15:52 espekia

我找到的Cufón很多比@字體面更優雅 - 抗鋸齒的方式更清晰。是的，它使用JavaScript來控制樣式，這應該只留給CSS，但嘿，它運行良好，並且大多數人不能提供關於網絡標準的兩件東西。

2011-07-01 01:36:16 Nathan

回答