NextJS产品构建不加载Google字体(但在开发环境中工作)

ar5n3qh5 于 2023-01-08 发布在 Go

关注(0)|答案(1)|浏览(119)

开发没有问题，但是在为生产构建之后，谷歌字体没有加载，我没有看到网络请求，源代码中也没有任何内容。
我试着用两种方法加：

通过导入全局.scss @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:700|Poppins:400,400i,500,600&display=swap');
将<style>...</style>直接添加到_文档. js

我使用的是NextJS 12.1.6v，我做错了什么？

next.js

来源：https://stackoverflow.com/questions/75045237/nextjs-prod-build-doesnt-load-google-fonts-but-works-on-dev-env

1条答案

按热度按时间

bvjveswy1#

我曾经使用_document.js来加载Google字体，它在开发和生产环境中对我来说都很好：

import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  render() {
    return (
      <Html>
        <Head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"/>
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
          rel="stylesheet"></link>
        <link rel="shortcut icon" type="image" href="/logo.png"></link>
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument

赞(0）回复(0）举报 2023-01-08

我来回答

NextJS产品构建不加载Google字体(但在开发环境中工作)

1条答案

相关问题

热门标签

最新问答