从 CDN 加载字体,在ios Safari 浏览器上不加载?
<p><span>使用 NextJS 并将这个字体加载到</span><code><Link /></code><span>. 它在 iOS 模拟器的 Chrome 和 Safari 都是正常的,但是在其他设备上没有加载!</span></p>
<p>这是我要用的字体:<a href=“https://www.cdnfonts.com/gagalin.font” rel=“nofollow noreferrer”><span>https ://www.cdnfonts.com/gagalin.font</span></a></p>
<p>这是我的代码:</p>
<p>_document.tsx</p>
<pre class=“language-markup”><code>import Document, { Html, Head, Main, NextScript } from ‘next/document’;
class MyDocument extends Document {
render() {
return (
<Html>
<Head>
<link href=‘http://fonts.cdnfonts.com/css/gagalin’ rel=‘stylesheet’ />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;</code></pre>
<p> </p>
<p>全局.css</p>
<p> </p>
<pre class=“language-css”><code>html,
body {
font-family: ‘Gagalin’, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
margin: 0;
padding: 0;
background-color: black;
}</code></pre>
<p>感谢各位大佬!</p>