菜鸟教程小白 发表于 2022-12-13 12:32:31

ios - 使用 Google 字体 - Meteor Cordova


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

<p>我在我的 CSS 中使用 @import 代码:</p>

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

<p>我也尝试将实际的字体文件放在资源文件夹中并改用@font-face，但无济于事。我知道以前有人问过这个问题，但我似乎找不到答案!有什么想法吗？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您可能需要在 <a href="http://content-security-policy.com/" rel="noreferrer noopener nofollow">Content Security Policy</a> 中允许访问 Google 字体，这是一个位于 HTML 头部的元标记。内容安全策略有一个“style-src”子句，列出了允许从哪里加载 CSS 等。</p>

<p>Cordova 的默认内容安全策略如下所示:</p>

<pre><code>&lt;meta http-equiv=&#34;Content-Security-Policy&#34; content=&#34;default-src &#39;self&#39; data: gap: https://ssl.gstatic.com &#39;unsafe-eval&#39;; style-src &#39;self&#39; &#39;unsafe-inline&#39;; media-src *&#34;&gt;
</code></pre>

<p>这允许来自 'self' (local)... 的 CSS 从任何设置启用:</p>

<pre><code>style-src *
</code></pre>

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

<pre><code>style-src &#39;self&#39; https://fonts.googleapis.com
</code></pre>

<p>但是，当您使用字体时，这仍然需要设备在线，因此您可能需要考虑将其存储在应用程序代码库中并在本地而不是通过网络加载的策略。</p ></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 使用 Google 字体 - Meteor Cordova，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/34207624/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/34207624/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 使用 Google 字体 - Meteor Cordova