在 Windows Phone 8 网络浏览器控件中使用 Google Webfonts答案

【问题标题】：Using Google Webfonts in Windows Phone 8 web browser control在 Windows Phone 8 网络浏览器控件中使用 Google Webfonts
【发布时间】：2023-03-07 05:45:01
【问题描述】：

我正在尝试在我的 Windows 手机应用程序中使用网络字体。从我读过的 cmets 中，我了解到无法使用嵌入到 XAP 文件中的字体。因此，我正在尝试打开一个包含 Google Web 字体的网页，该网页位于：http://omercelik.com/e.htm

当我从手机上的 Internet Explorer 打开此页面时，它会正确显示字体。但是，当我尝试从 webBrowser 控件加载此页面时，它不会加载此页面。除了在我的应用程序上，我什么都不做：

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

所以，在我的应用程序中显示自定义字体仍然没有成功。有建议远程托管字体和缓存，但即使没有缓存，我也无法显示字体。有人可以提供一个可行的例子吗？

【问题讨论】：

Windows Phone 7 还是 8？

标签： webbrowser-control windows-phone webfonts

【解决方案1】：

通过使用TTFEdit 等软件将字体上的可嵌入标签设置为0，可以在Windows Phone 8 webapps 中嵌入truetype 字体。对于您的问题，这可能会证明是一种更可靠、更优雅的解决方案。

请在此处查看my answer to another Stack Overflow 问题以了解所有详细信息。

【讨论】：

这是正确的答案。我使用基于@thomasf2811 解决方案的示例应用程序创建了一个存储库：github.com/gabrielmaldi/windows-phone-8-local-font-face

【解决方案2】：

在使用WebBrowser 控件时，如果您想在 Windows Phone 8 中获得正确的 IE10 行为（即不是 quirks 模式），包含 HTML doctype 非常重要...

<!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 字体。

【讨论】：

此示例在桌面 IE10 中有效，但在 Cordova/PhoneGap 中运行时无效。