Google 素材图标 CDN 在 NEXTJS 中不起作用

问题描述 投票：0回答：1

我将谷歌图标 CDN 添加到我的 _document.js 文件 nextJs 项目中，但谷歌图标仍然无法在我的项目中工作。

```import { Html, Head, Main, NextScript } from "next/document";
   export default function Document() {
   return (
   <Html>
    <Head>
     <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
     />
    </Head>
     <body>
      <Main />

      <NextScript />
    </body>
  </Html>

); }
next.js cdn google-fonts
1个回答
0
投票

在节点中安装材质图标库

npm i material-icons@latest

将其导入您的项目

import 'material-icons/iconfont/material-icons.css'

然后你应该可以简单地使用你需要的

<span>icon</span>

有关详细信息，请参阅https://www.npmjs.com/package/material-icons

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.