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 的 Adobe PhoneGap 时,当我将它安装到设备上并 运行 它应用程序加载但图标未呈现,而是我读取了它们的名称。
我该怎么做才能解决这个问题?
谢谢大家!
这可能是内容安全策略问题。我使用 Cordova 从我的 PC 构建并且从未上传到 Adobe Phonegap,但我想 Phonegap 确实通过限制应用程序的数据源来加强一些安全性。如果确实是内容安全策略问题,您将必须明确声明 googleapis.com 作为您应用的可能内容来源。
您可以在
中找到实施内容安全策略的详细信息
我正在使用 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 的 Adobe PhoneGap 时,当我将它安装到设备上并 运行 它应用程序加载但图标未呈现,而是我读取了它们的名称。
我该怎么做才能解决这个问题? 谢谢大家!
这可能是内容安全策略问题。我使用 Cordova 从我的 PC 构建并且从未上传到 Adobe Phonegap,但我想 Phonegap 确实通过限制应用程序的数据源来加强一些安全性。如果确实是内容安全策略问题,您将必须明确声明 googleapis.com 作为您应用的可能内容来源。
您可以在