@ font-face在windows phone 8上無法正常工作

我爲我的網站，一些字體和一些圖標字體使用了一些@ font-face。 Icon-font在桌面和移動設備上運行良好，但字體（不是圖標字體）在Windows Phone 8上不起作用。問題是什麼？@ font-face在windows phone 8上無法正常工作

來源

2014-03-07 Hamid Yaftian

定義「不工作」。哪個瀏覽器和版本？它在其他瀏覽器中工作嗎？你有我們可以看到問題的網站嗎？字體文件的路徑是否正確？瀏覽器開發人員工具中是否有任何錯誤或警告顯示？ –

從here（@font-face網絡類型）下載您的字體
複製您的字體文件（擴展名：eot，woff，ttf，svg）到目的地路徑

更新CSS樣式（基於相對字體路徑）

@font-face { 
    font-family:"B Yekan";src:url("fonts/Body/BYekan.eot?") format("eot"),url("fonts/Body/BYekan.woff") format("woff"),url("fonts/Body/BYekan.ttf") format("truetype"),url("fonts/Body/BYekan.svg#BYekan") format("svg"); 
    font-weight:normal; 
    font-style:normal; 
}

來源

2014-03-07 13:50:17

您的字體家族與您的src不匹配，那可能是爲什麼？

嘗試：

@font-face { 
    font-family: 'B Yekan'; 
    src: url('fonts/Body/BYekan.eot?') format('eot'), 
    url('fonts/Body/BYekan.woff') format('woff'), 
    url('fonts/Body/BYekan.ttf') format('truetype'); 
}

確保你的相對URL是正確的字體的位置了。

例如

src: url('/assets/fonts/Body/BYekan.eot?') format('eot'),

來源

2014-03-07 13:53:51 DLaverick

我發現Chrome和Android WebView如何嘗試拉取相對URL有些不一致。 Chrome從@font-face相對於包含CSS的目錄拉動，而Android WebView（可能不太正確）從文檔的目錄中拉出。

也許WP8正在發生類似的情況。

您是否嘗試過絕對網址？用相反的相對路徑思想來選擇相對路徑呢？

來源

2014-08-12 07:45:35 MicronXD

@ font-face在windows phone 8上無法正常工作

回答

相關問題