cordova - FontAwesome 使用cordova/phonegap 在WP8 上显示为正方形

Question

我使用的是 AngularMobileUI 框架，图标仅显示为正方形。我之前曾尝试过 Ionic 框架，结果也是如此。

任何人都知道如何解决这个问题，以及它为什么会发生？

我的图标在 android 和 ios 上显示良好

Answer 1

Encase有人有这个问题，我在这里找到了部分答案

Getting a web-font to work on an HTML5 Windows Phone App?

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 文件中删除了查询字符串，因为在 android 和 ios 上，这似乎无关紧要。

希望这有助于某人