feat: 更好的自定义字体配置

This commit is contained in:
wb_guodonghao
2022-10-21 14:27:34 +08:00
parent 56e4836260
commit 8f7e6ccfb3
5 changed files with 24 additions and 38 deletions

View File

@@ -4,25 +4,28 @@ import BLOG from '@/blog.config'
import CommonScript from '@/components/CommonScript'
class MyDocument extends Document {
static async getInitialProps (ctx) {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render () {
render() {
return (
<Html lang={BLOG.LANG} className='test'>
<Head>
<link rel='icon' href='/favicon.ico' />
<link rel='icon' href='/favicon.svg' type='image/svg+xml' />
{/* 谷歌字体镜像 */}
<link href={`${BLOG.FONT_URL}`} rel="stylesheet"/>
{BLOG.CUSTOM_FONT
? <link href='https://fonts.font.im/css2?family=Noto+Serif+SC&display=swap' rel='stylesheet' />
: BLOG.CUSTOM_FONT_URL?.map(fontUrl =>
<link href={`${fontUrl}`} key={fontUrl} rel='stylesheet' />)}
<CommonScript />
</Head>
<body className={`${BLOG.FONT} tracking-wider subpixel-antialiased bg-day dark:bg-night`}>
<Main />
<NextScript />
<Main />
<NextScript />
</body>
</Html>
)