Windows Phone 8 HTML5應用程序中的Webfont

Question

我無法在Windows Phone 8 HTML5應用程序中使用任何網絡字體。

我執行以下操作：

1. 創建一個新的Windows Phone HTML5應用項目
2. 將我的WOFF字體（盡管我也嘗試過eot和ttf）復制到項目根目錄，並將其作為現有項添加到項目中
3. 將此CSS添加到index.html文件

如果有人可以使用簡單的本地Web字體創建模板Windows Phone 8項目，我將非常感激。 這讓我真的陷入困境。

Answer 1

Windows Phone支持Web字體。 但是，如果它們嵌入在XAP上，它們將無法工作。

工程響應：這是一個已知問題，我們知道的唯一解決方法是將字體托管在遠程服務器上（確保繞過單一來源策略問題），並可能使用AppCache將字體文件保留在設備上的本地位置。

謝謝，

Answer 2

顯然，這是一個已知問題，並且，作為一種解決方法，您需要在遠程服務器中托管字體，直到Microsoft解決此問題為止。

Answer 3

我已經能夠在Windows Phone 8 HTML應用程序中毫無問題地使用本地truetype網絡字體。 您必須確保使用TTFEdit之類的軟件將字體中的embeddable標志設置為0。

在這里查看我對類似的stackoverflow問題的完整答案 。

我認為這可能比接受的答案更好，但是我是n00b，所以我無法對此發表評論。

Answer 4

我已經搜索並找到以下帖子。 可能是相關的。

使用jQuery的Phonegap Windows Phone 7動態HTML加載和跨域調用

“如果未初始化Cordova（即尚未就緒的設備就緒狀態），則瀏覽器控件會將其視為遠程獲取，並使您進入常見的跨域問題並拒絕”。CSS可能就是這種情況。 可能是您可以嘗試在deviceready事件之后動態加載CSS，然后看看會發生什么。

注意：我在Windows Phone 8中使用Phonegap / Cordova網絡字體發布了相同的答案

Answer 5

我剛剛在這段視頻中注意到了。 http://channel9.msdn.com/Blogs/Interoperability/Getting-started-with-Windows-Phone-8-and-Cordova在4:12左右，它提到構建動作必須按順序設置為“內容”以便查看文件。 不確定是否有幫助，因為我們已經有關於錯誤的報告。 ：p但是我還是希望值得分享。 :)

Answer 6

我使用Cufon http://cufon.shoqolate.com/解決了這個問題。 Cufon渲染圖像而不是文本，因此這就是在Windows Phone上工作的原因。

這是文檔和用法： https : //github.com/sorccu/cufon/wiki 。 我希望這有幫助。

Answer 7

看起來，如果您在base64中對字體進行編碼，然后直接將其放在css文件中，那么它在WP8應用程序中也可以正常工作。

使用Icomoon或Fontsquirrel等網絡應用程序，您可以輕松生成包含base64字符串的css。