Fonts Can'；t使用网页加载字体&；vuejs

我在vuejs上的字体效率方面遇到了一些问题，我一点错误都没有，我的字体在良好的文件夹中，我的网页配置似乎效率很高

顺便说一句，我使用较少，但我也有较少的装载机

我是这样做的：

@font-face {
  font-family: 'montserrat-extralight';
  src: url('../assets/fonts/montserrat-ExtraLight.ttf') format('truetype');
  font-family: 'montserrat-light';
  src: url('../assets/fonts/montserrat-Light.ttf');
}

下面是我在webpack.config中定义url加载程序的地方：

{
  test: /\.(woff|woff2|otf|eot|ttf|svg)(\?.*$|$)/,
  loader: 'url-loader?importLoaders=1&limit=100000'
}

我发现很多人都有同样的问题，但实际上我找不到解决问题的方法

PS：我的字体不会在开发模式下的网络选项卡中上载

---

您的配置似乎还可以，但尝试删除limit参数它可能会解决您的问题，因为字体文件可能会超过100K。

好的，我终于找到了使用自定义字体的方法：

---

我有正确的语法，但我只需要使用.woff或.woff2字体文件，而不是.ttf或.otf。我无法解释为什么它不再工作了，但我得到了我想要的，所以它很好

首先，我不认为一个

@font-face

可以指定多个字体（应该是每1个

@font-face

一个字体）。最后一个

字体系列

属性的编写方式只会覆盖以前的任何属性。虽然这样，你仍然会有至少一个字体加载，所以这不是唯一的问题。我已经这样做了很多时间，没有任何问题，这个语法！但正如你所说，这不是唯一的问题~你能解释为什么你的解决方案能够提高你贡献的价值吗？

new OptimizeCSSPlugin({cssProcessorOptions: {
    safe: true
}}),