使用 Google 字体 - Meteor Cordova

【问题标题】：Using Google Fonts - Meteor Cordova使用 Google 字体 - Meteor Cordova
【发布时间】：2016-03-16 10:14:50
【问题描述】：

嗨~我正在开发一个 iOS 应用程序，以 Meteor 作为平台，Cordova 和 Ratchet 作为框架。我很难让 Google 字体出现在应用程序中。当我在本地主机上运行它时会显示它，但不会在 Xcode 的模拟器中运行。

我在我的 CSS 中使用 @import 代码：

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

我还尝试将实际的字体文件放在资源文件夹中并改用@font-face，但无济于事。我知道以前有人问过这个问题，但我似乎找不到答案！有什么想法吗？

【问题讨论】：

你对 google url 进行了 whitlisten 吗？

标签： ios cordova meteor fonts ratchet

【解决方案1】：

您可能需要在您的Content Security Policy 中允许访问 Google 字体，这是一个位于 HTML 头部的元标记。内容安全策略有一个“style-src”子句，列出了允许从哪里加载 CSS 等。

Cordova 的默认内容安全策略如下所示：

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

这允许来自 'self' (local)... 的 CSS 从任何设置启用：

style-src *

或者如果你只想要本地和谷歌字体：

style-src 'self' https://fonts.googleapis.com

但是，当您使用字体时，这仍然需要设备在线，因此您可能需要考虑将其存储在应用程序代码库中并在本地而不是通过网络加载的策略。

【讨论】：