Reactjs 字体很棒的图标在本地运行得很好，但在下一个js中不会在生产中运行

在接下来的JS字体中，可怕的图标在localhost上工作得非常好，但部署到vercel时，它不会出现。我有单独的字体css文件以及所有字体，并将其链接到_app.js中

My\u app.js文件

import "../styles/style.css";
import "../styles/fontawesome.css";
import "../styles/all.min.css";
import "../styles/bootstrap.min.css";
// import 'bootstrap/dist/css/bootstrap.min.css'
import "../styles/default.css";
import "../styles/meanmenu.css";
import "../styles/not-logged-responsive.css";
import "../styles/responsive.css";
import "../styles/nprogress.css";
import Router from 'next/router';
import NProgress from 'nprogress';

function MyApp({ Component, pageProps }) {

  return <Component {...pageProps} />;
}

export default MyApp;

导入“./style/style.css”；
导入“./styles/fontsawesome.css”；
导入“./styles/all.min.css”；
导入“./style/bootstrap.min.css”；
//导入“bootstrap/dist/css/bootstrap.min.css”
导入“./styles/default.css”；
导入“./styles/meanmenu.css”；
导入“./style/not logged responsive.css”；
导入“./style/responsive.css”；
导入“./styles/nprogress.css”；
从“下一个/路由器”导入路由器；
从“NProgress”导入NProgress；
函数MyApp（{Component，pageProps}）{
返回；
}
导出默认MyApp；

这是否回答了您的问题？