FontAwesome在使用cordova/phonegap开发的WP8上显示为方块

Question

我正在使用AngularMobileUI框架，但图标只显示为方块。我之前尝试过Ionic框架，也出现了同样的问题。有人知道如何解决这个问题，以及为什么会发生这种情况吗？我的图标在Android和iOS上都显示正常。

- Gillardo

Answer 1

如果有人遇到这个问题，我在这里找到了答案的部分内容。 在HTML5 Windows Phone应用中使Web字体正常工作？ FontAwesome 的可嵌入标志设置为 4。首先您需要将该值设置为零。完成后，您需要更改CSS并在加载字体文件时删除查询字符串。

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

变成

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

我刚刚从ttf文件中删除了查询字符串，因为在安卓和iOS上似乎这并不重要。

希望这能帮助某些人

- Gillardo

---

这是唯一一个对我有效的方法，非常感谢！ - Roman

这段程序代码的意思是：执行此操作，测试并替换所有来自字体的查询字符串。 - Anuj Pandey

非常感谢，它已经可用！在使用Cordova 6.1.1和Font-awesome 4.6.3测试过WP8.1。 - Fabio C.