我在Windows应用商店应用中使用Popline，但我可以让图标显示的唯一方法是链接到文件的引导CDN版本。当我尝试引用我的本地文件副本时，它不起作用。FontAwesome无法在WebView中加载

这里是我的路径fontAwesome.css

<link rel="stylesheet" type="text/css" href="ms-appx-web:///Assets/HTML/css/font-awesome.css">

我知道这是正确的，因为如果我编辑该文件并添加

* { border: 1px solid red; }

到山顶，我的一切文档中出现一个红色边境。这个问题似乎与字体文件本身有关。所有被导入到项目和内容设置为“复制如果较新”

我试过编辑fontAwesome.css，以便字体文件路径前面ms-appx-web:///Assets/HTML/。如果没有工作，我尝试服用该块出来，并把它直接在我的文档，像这样：

<style type="text/css" media="screen"> 
    @font-face { 
     font-family: 'FontAwesome'; 
     src: url('ms-appx-web:///Assets/HTML/fonts/fontawesome-webfont.eot?v=4.2.0'); 
     src: url('ms-appx-web:///Assets/HTML/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('ms-appx-web:///Assets/HTML/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('ms-appx-web:///Assets/HTML/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('ms-appx-web:///Assets/HTML/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    } 
</style>

有人能看到我在做什么错？

更新

请注意我用的NavigateToString加载我的HTML。这是绝对必要的，没有办法绕过它，所以解决方案必须工作NavigateToString

来源

2014-09-28 roryok

你的字体文件是否包含在appxpackage中？确保将其标记为内容，并在部署完成后将其放到bin \ Debug \ Appx \ Assets \ HTML \ fonts目录中。 – 2014-10-01 05:40:14

是的，所有的字体文件都包含在内（虽然技术上我想我只需要TTF的IE浏览器？） – roryok 2014-10-01 09:02:01

经过大量的试验和错误，我终于找到了如何做到这一点。有几种解决方案，在那里它的工作，如果你使用的Source属性把HTML的网页视图，但这些工作，如果你正在使用NavigateToString

这其中，从Matt Small's blog，确实。

@font-face { 
    font-family: 'FontAwesome'; 
    src: url(data:application/x-font-woff;charset=utf-8;base64,<BASE64 STRING OF fontawesome-webfont.woff>) format('woff'), 
     url('ms-appx-web:///fontawesome-webfont.ttf?v=4.2.0') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

您需要将此代码放入HTML文件的头部。如果在一个单独的css文件中，这将不起作用。

您可以使用this page转换您的fontawesome-webfont.woff文件。如果那个链接不起作用，那里有很多其他页面也会这样做。

来源

2014-10-24 14:10:07 roryok

这是我在我的博客文章中显示的技术： http://blogs.msdn.com/b/wsdevsol/ archive/2012/10/23/about-webview-and-embedded-fonts.aspx – 2014-10-27 18:25:52

啊！我记不起我在哪里找到它。信贷补充。谢谢马特！ – roryok 2014-10-27 19:56:30

FontAwesome无法在WebView中加载

更新

回答

相关问题