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

Question

我正在使用AngularMobileUI框架，图标只显示为正方形。 我以前尝试过Ionic框架并且做了同样的事情。

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

我的图标在android和ios上显示正常

Answer 1

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

获取Web字体以在HTML5 Windows Phone应用程序上运行？

FontAwesome将embeddable标志设置为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上，这似乎并不重要。

希望这能有所帮助