Material framework7 中的图标在 pc 浏览器上加载但在 Android 应用程序中不加载

Material Icons in framework7 load on pc browser but not in Android app

我正在使用 Framework7 编写应用程序,我需要一些 material 图标。我在 html 文件中添加了他们提供的 material 图标的路径:

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

然后我使用标签调用图标:

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

好吧,当我在 PC 中加载应用程序时,浏览器图标正确呈现,但是当我将代码上传到构建 .apk 的 Adob​​e PhoneGap 时,当我将它安装到设备上并 运行 它应用程序加载但图标未呈现,而是我读取了它们的名称。

我该怎么做才能解决这个问题? 谢谢大家!

这可能是内容安全策略问题。我使用 Cordova 从我的 PC 构建并且从未上传到 Adob​​e Phonegap,但我想 Phonegap 确实通过限制应用程序的数据源来加强一些安全性。如果确实是内容安全策略问题,您将必须明确声明 googleapis.com 作为您应用的可能内容来源。

您可以在

中找到实施内容安全策略的详细信息