性能问答>从 CDN 加载字体,在ios Safari 浏览器上不加载?>
2回复
2年前

从 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>

1092 阅读
请先登录,查看2条精彩评论吧
快去登录吧,你将获得
  • 浏览更多精彩评论
  • 和开发者讨论交流,共同进步