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

从 CDN 加载字体,在ios Safari 浏览器上不加载?



使用 NextJS 并将这个字体加载到<Link />. 它在 iOS 模拟器的 Chrome 和 Safari 都是正常的,但是在其他设备上没有加载!

这是我要用的字体:https ://www.cdnfonts.com/gagalin.font

这是我的代码:

_document.tsx

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;

 

全局.css

 

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;
}

感谢各位大佬!

109 阅读
请先登录,再评论

const div = document.createElement('div');
div.innerHTML = 'some text added by JS';
document.body.append(div);
html,
body {
font-family: 'Gagalin', monospace;
}
<link href='https://fonts.cdnfonts.com/css/gagalin' rel="stylesheet" />
改成这样就行了

1月前