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

Question

我在我的 ionic 1 应用程序中添加了很棒的字体，我创建了字体文件夹并在 HTML 页面中引用了样式 sheet，

在浏览器中显示但在任何 android 设备中不显示的图标。

Answer 1

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

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

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

Answer 2

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

font-size: 25px !important;

谢谢大家的支持

Answer 3

对我来说，解决方案是：

前往 /bower_components/font_awesome/scss/variables

将 $fa-font-path 更改为 $fa-font-path: "../assets/fonts" !default;

Font Awesome showing in the browser but not in any android device