Ionic图标在Android模拟器中无法显示

Question

在做Meteor/Angular/Ionic教程时，我遇到了以下问题： 在Nexus 6模拟器的Marshmallow屏幕上无法显示Ionic图标。按钮声明如下：

        <button class="button button-clear button-icon button-positive
 icon ion-ios-camera-outline"></button>

我尝试添加ion-android-camera类，但是没有任何变化。

- Dmitry

---

你解决了这个问题吗？我今天也遇到了同样的问题。 - Dave Morris

还没有。这可能是由于字体大小不正确（图标实际上来自字体），缺少字体或错误的ionic版本引起的。此外，css类与Android无关，而与ios有关。如果您找到解决方案，请告诉我。 - Dmitry

这个问题的解决方案在这里描述：https://github.com/DAB0mB/angular-meteor-whatsapp/issues/12#issuecomment-217470054 - Dave Morris

Answer 1

感谢 Dave，解决方案如下。 重新安装软件包：

meteor remove fourseven:scss
meteor remove meteoric:ionic-sass
meteor remove meteoric:ionicons-sass
meteor add fourseven:scss@2.0.0
meteor add meteoric:ionic-sass
meteor add meteoric:ionicons-sass

请让Meteor完成构建。将以下内容作为每个*.scss文件的第一行添加：

@import '***<path to your prj root like ../../>***.meteor/local/build/programs/server/assets/packages/meteoric_ionicons-sass/ionicons';

- Dmitry