2013-03-19 36 views
2

我試圖將自定義字體嵌入到Windows Phone 8應用程序的WebView中,並嘗試了所有內容。我遇到了一個非常有希望的文章:blogs.msdn.com/b/wsdevsol/archive/2012/10/23/about-webview-and-embedded-fonts.aspx但它沒有解決。Phonegap Windows Phone 8自定義網頁字體

例:

@font-face { 
    font-family: 'Avenir LT W01 35 Light'; 
    src: url('35-light/avenirltstdlight.eot'); 
    src: url('35-light/avenirltstdlight.eot?#iefix') format('embedded-opentype'), 
     url('35-light/avenirltstdlight.woff') format('woff'), 
     url('35-light/avenirltstdlight.ttf') format('truetype'), 
     url('35-light/avenirltstdlight.svg#avenirltstdlight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

嘗試也包括僅與路徑:

x-wapp0:avenir...woff 

甚至與Base64編碼。有趣的是,在瀏覽器中打開應用程序,一切正常。當它嵌入到Phonegap中時,我只會遇到問題。

你們誰可以幫忙或有任何關於完成這個指針?

同樣,在最後我想通過Phonegap在我的HTML中顯示一個應用程序中使用自定義字體(與網頁圖標)。

更奇怪的是,即使嵌入的woff base64字體也不起作用。

謝謝

+0

我以前嘗試這樣做,沒有辦法與PhoneGap的CSS來做到這一點。我能想到的唯一方法是實際去修改用於iOS的Windows和XCode的Cordova s​​hell應用程序,並將字體包含在應用程序中。您需要查找將字體添加到Windows Phone應用程序或使用XCode將字體添加到iOS應用程序。 – 2013-03-19 17:41:25

+0

你可以發佈有問題的CSS代碼片段嗎? – 2013-03-19 19:24:39

+0

@SujeshArukil有任何指示要給?你的意思是像安裝字體到應用程序? – 2013-03-19 21:05:05

回答

1

使用TTFEdit設置上的字體爲0。這應該修復它可嵌入標籤,但要確保你有權利賣您的應用程序之前,嵌入字體嘗試。我的full answer to a similar問題可能也有幫助。

+0

這是正確的答案。我使用基於@ thomasf2811解決方案的示例應用創建了一個回購:https://github.com/gabrielmaldi/windows-phone-8-local-font-face – gabrielmaldi 2014-03-03 23:35:32