Font Awesome在浏览器中显示但不在任何Android设备中显示

Question

我在离子1应用中添加了字体功能，我创建了字体文件夹并引用了HTML页面中的样式表，

图标显示在浏览器中，但未在任何 Android设备中显示。

Answer 1

您需要拥有FontAwesome的字体文件，例如 fontawesome.ttf 。接下来，您需要做的就是在CSS文件中包含该文件。在这里，我将假设CSS文件和字体文件都位于同一目录中。

@font-face {
  font-family: FontAwesome;
  src:         url(fontawesome.ttf);
}

现在，您可以在整个应用程序或网页中使用FontAwesome，只需将font-family属性设置为FontAwesome即可。

Answer 2

问题已解决，请点击此链接Use Font Awesome Glyph Icons With Ionic Framework

，要获得更大尺寸的图标，您需要将此行添加到CSS文件

font-size: 25px !important;

感谢大家的支持。

Answer 3

对我而言，解决方案是：

转到/ bower_components / font_awesome / scss / variables

将$ fa-font-path更改为$ fa-font-path：“../assets/fonts”！default;