Windows Phone 8的Phonegap / Cordova網絡字體

Question

（可能是Windows Phone 8 HTML5應用程序中Webfont的副本...但是，尤其是有問題的Phonegap）

我正在嘗試在我的應用程序中使用自定義Web字體。 無法加載字體。 （Cordova 2.3.0和Windows Phone 8）。

似乎css @ font-face塊根本沒有加載。 不管哪種字體格式都沒有運氣。 在“生成操作”中作為“內容”添加的字體。

@font-face {
font-family: "SSPika";
src: url('ss-pika.eot');
src: url('ss-pika.eot?#iefix') format('embedded-opentype'),
   url('ss-pika.woff') format('woff'),
   url('ss-pika.ttf')  format('truetype'),
   url('ss-pika.svg#SSPika') format('svg');
font-weight: normal;
font-style: normal;
} 

與另一個問題類似，遠程（在iframe中）加載相同的內容可以完美呈現。

有任何想法嗎？

Answer 1

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

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

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

Answer 2

這可能嗎？ Windows Phone支持Web字體。 但是，如果它們嵌入在XAP上，它們將無法工作。 這是一個已知問題，我們知道的唯一解決方法是將字體托管在遠程服務器上，並可能使用AppCache將字體文件保留在設備上的本地位置。