如何找出瀏覽器是否支持網頁字體或不使用javascript？

Question

我只想要一段代碼來檢查瀏覽器是否支持CSS3網絡字體。
例如我有一個字體，其大小爲12px看起來太小，所以我必須將其設置爲16px，但如果用瀏覽器查看頁面而沒有webfonts支持，則文本看起來太大。

Answer 1

您可以使用Modernizr這個：@font-face detection docs。

Answer 2

雷米夏普的這篇文章給了我最好的成功。另外你可以使用Comic Sans。 http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

這裏的基本思想是使用Comic Sans和巨大的字體大小作爲你想要檢測的字體的後備。因爲CS的字體很寬，所以如果你正在檢測的字體不是安裝的話，那麼div會更寬。