嗨〜我正在开发一个iOS应用程序,以Meteor为平台,Cordova和Ratchet为框架。我很难将Google字体显示在应用程序中。它出现在我在本地主机上运行时,但不在Xcode的模拟器中运行。
我在CSS中使用@import代码:
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
我还尝试将实际的字体文件放在资源文件夹中,而使用@ font-face代替,无济于事。我知道之前已经问过这个问题,但我似乎无法找到答案!有什么想法吗?
答案 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
但是,当您使用该字体时,这仍然需要设备在线,因此您可能需要查看将其存储在应用程序代码库中的策略,并将其加载到本地而不是通过网络加载。