在Windows Phone 8 Web瀏覽器控件中使用Google Webfonts

我正嘗試在Windows Phone應用程序中使用Web字體。從我讀過的評論中，我瞭解到無法使用嵌入到XAP文件中的字體。因此，我試圖打開包含Google Web字體的網頁，該網頁位於：http://omercelik.com/e.htm 在Windows Phone 8 Web瀏覽器控件中使用Google Webfonts

當我從手機上的Internet Explorer打開此頁面時，它會正確顯示字體。但是當我嘗試從webBrowser控件加載此頁面時，它不會加載此頁面。我沒有做任何事情，但是這對我的應用程序：

private void PhoneApplicationPage_Loaded_1(object sender, RoutedEventArgs e) 
    { 
     webBrowser.Navigate(new Uri("http://omercelik.com/e.htm")); 
    }

所以，還是沒有成功，顯示自定義字體在我的應用程序。有建議遠程託管字體和緩存，但即使沒有緩存，我也無法顯示字體。有人可以提供一個這樣的工作例子嗎？

來源

2013-03-14 Omer Celik

Windows Phone 7或8？ – 2013-03-19 01:06:56

Windows Phone 8 – 2013-03-19 06:36:51

當使用WebBrowser控制，這是非常重要的，包括HTML文檔類型，如果你想獲得合適的IE10的行爲（即不怪癖模式）的Windows Phone 8 ...

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     @import url(http://fonts.googleapis.com/css?family=Tangerine); 
    </style> 
    </head> 
    <body> 
    <div id="para" style="font-family:'Tangerine', serif;">Making the Web Beautiful</div> 
    </body> 
</html>

以供將來參考，Windows Phone 7的WebBrowser控件（基於IE9）不支持Web字體。

來源

2013-03-19 13:17:39

此示例適用於Desktop IE10，但不適用於在Cordova/PhoneGap中運行的示例。 – andy 2013-09-25 09:04:22

通過使用像TTFEdit這樣的軟件將字體上的可嵌入標籤設置爲0，可以在Windows Phone 8 webapps中嵌入truetype字體。這可能證明您的問題更可靠和優雅的解決方案。

請參閱my answer to another Stack Overflow問題在這裏的所有細節。

來源

2013-12-13 19:11:37 thomasf2811

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

在Windows Phone 8 Web瀏覽器控件中使用Google Webfonts

回答

相關問題