Phonegap / Android中的Materialize图标不起作用

时间:2015-08-12 17:06:08

标签: android icons phonegap-build materialize

我正在使用“物化设计”为我的应用程序,使用phonegap,我按照这里详述的步骤:http://google.github.io/material-design-icons/#icon-font-for-the-web“设置方法2.自我托管”,但当我在不同的android版本上运行它时,图标没有显示......

我读了类似的东西,如果我有不同的android版本我必须隐藏一些文件(有woff,ttf,woff2扩展的那些)。

3 个答案:

答案 0 :(得分:7)

回答这个问题可能会迟到,但对于那些遇到此问题的人来说,问题尚未解决:

只使用图标代码而不是icon-name;)

可以从以下网址找到:

https://www.google.com/design/icons/

示例: 而不是使用

<i class="material-icons">vpn_key</i>

使用:

<i class="material-icons">&#xE0DA;</i>

答案 1 :(得分:0)

您提到的“安装方法2.自托管”的步骤位于“网络的图标字体”部分下,因此,由于您将此图标用于Android应用程序,因此此安装方法不适合您。

对于Android,你需要做的就是从library下载图标文件,你会得到不同大小的同一个图标,分成不同的文件夹(hdpi,mdpi,xhdpi,xxhdpi,xxxhdpi),你将它们粘贴到应用程序的相同文件夹中,然后就可以使用它了。

答案 2 :(得分:0)

我在android 4.X中遇到了同样的问题,并通过使用Google网络字体解决了我的问题:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

将此行添加到index.html。 您可以在Material Icons Guide

中查看更多详细信息