2012-08-28 55 views
0

我想知道是否可以使用CSS Media Queries來檢測設備是否可以加載特定的字體格式(TTF或WOFF,而不是任何@ Font-Face)。我不想檢查屏幕大小,然後根據屏幕大小加載特定的字體。感謝您提供任何幫助,建議,以更好的方式說出這個來繼續我的搜索。通過CSS媒體查詢的字體檢測(TTF或WOFF)

更新:我被告知,這不是一個選項: {字體:60像素/ 68px「ArnoProBoldTTF」,「ArnoProBoldWoff」;字母間距:0;}

凡嘗試加載所述第一字體然後如果不行,去第二個。

+0

這是爲什麼這是必需的?瀏覽器,至少桌面瀏覽器,只下載必要的(eot/woff/ttf/svg)字體文件,而不是全部。 – Patrick

回答

0

這不可能與media queries。您必須使用javascript解決方法來確定字體是否可用(並已加載)。

只是好奇,爲什麼你需要這個?可能有更好的方法來實現你的目標,而不需要這種類型的檢測。
如果您只是想在所有設備和瀏覽器中加載特定的嵌入式字體,則有一個簡單的解決方案。如有必要,我會更新我的答案。

+0

我被問到是否有可能,我不認爲這是我繼續搜索。我知道你可以在JavaScript中做到這一點。 – jpgr