使用谷歌字体 - 流星科尔多瓦

时间:2015-12-10 17:01:57

标签: ios cordova meteor fonts ratchet

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

我在CSS中使用@import代码:

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

我还尝试将实际的字体文件放在资源文件夹中,而使用@ font-face代替,无济于事。我知道之前已经问过这个问题,但我似乎无法找到答案!有什么想法吗?

1 个答案:

答案 0 :(得分: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'(本地)的CSS从任何地方启用:

style-src *

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

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

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