Javascript 网页包添加字体

我正在使用回购协议。如何添加自定义字体？我在资产中创建了名为“字体”的文件夹，并将字体放在那里

字体.scss

@font-face {
  font-family: 'Lato';
  src: url('../assets/font/Lato-Regular.eot');
  src: url('../assets/font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
  url('../assets/font/Lato-Regular.woff2') format('woff2'),
  url('../assets/font/Lato-Regular.woff') format('woff'),
  url('../assets/font/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

此外，我还添加了字体配置，并将其添加到app.modules.ts

import '../styles/fonts.scss';

---

我的问题是，我应该向webpack添加什么代码以使其工作。

您正在加载字体文件，该文件与webpack loader&extractor创建的CSS文件相关。我快速查看了一下这个样板，它已经包含了sass加载程序

{
  test: /\.scss$/,
  loader: ExtractTextPlugin.extract({
    fallback: 'style-loader',
    use: 'css-loader!sass-loader'
  }),
  include: [helpers.root('src', 'styles')]
},

---

如果您的字体在正确的文件夹中，它应该可以工作。

在您的webpack.config.js中添加这个{test://\（eot | svg | ttf | woff | woff2）$/，loader:'file？name=public/font/[name].[ext]}模块：{loaders:[{test test://\（eot | svg | ttf | woff | woff2）$/，loader:'file？name=public/font/[name].[ext name]}这有意义吗？如果这是你的网页配置文件，那么是的，我很有帮助，你在抱怨。我不是魔术师，我只是想帮你。如果不是，那么祝你好运