最近，可以使用字体软件包D-DIN在项目中引用。当引入过程中引入字体样式时，它将不会生效。最终，WebPack包装文件中存在错误。
在Next.js中介绍app.less文件下的字体以定义所有字体变量
但是在页面上，字体的样式没有改变。最终，该URL以包装样式文件样式的样式文件样式找到。Chunk.css。
在线查找信息发现，当WebPack通过URL处理URL处理时，导入以下方式：
这导致了我们在上面看到的问题。要解决此问题，我们可以将属性添加到字体文件中
配置后，我们再次运行该项目，可以发现可以正确分析文件（WebPack通过结果汇编的一系列。
看到胜利的曙光，页面没有变化，在页面上看到字体仍然没有变化，那里有问题！（眼睛逐渐失去）在网络请求期间流式传输该请求字体。
通过请求URL，发现包装过程中的WebPack问题。我们包装的字体袋不在文件夹下
继续优化，添加选项
PS：由于Next.js框架具有服务器渲染，因此有必要确定ISSERVER将字体文件夹放在正确的位置
Webpack 5可以更方便使用geenerator
添加上述代码，然后再次重新启动我们的项目。
返回页面查看字体已生效
这次，坑主要用于WebPack的配置。仍然必须掌握WebPack的配置
原始：https：//juejin.cn/post/709640169943832986