无法加载字体与webpack＆vuejs

我有一些麻烦让我的字体效率vuejs，我没有任何错误，我的字体在良好的文件夹和我的webpack配置似乎是有效的。无法加载字体与webpack＆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'); 
}

而且这里是我定义的URL装载机在我webpack.config：

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

我发现很多人有同样的问题，但我实际上找不到让它工作的方法。

PS：我的字体不是在developper模式中的网络选项卡上传...

来源

2017-05-09 Loïc Monard

首先，我不认为一个'@ font-face'可能指定多个字体（应该是每1个'@ font-face' 1个字体）。你写它的方式最后一个'font-family'属性简单地覆盖了以前的任何东西。尽管如此，你仍然至少会加载一种字体，所以这不是唯一的问题。 –

我这样做了很多时间，并没有任何问题，这种语法！但正如你所说这不是唯一的问题〜 –

好吧，我finaly找到一种方法，用我的海关字体：

我有正确的语法，但我不得不使用.woff或.woff2字体文件，而不是.TTF或杂项文件。我无法解释为什么它不工作了，但我得到了我想要的，所以它没事了〜

来源

2017-05-23 09:21:53

你的配置似乎确定，但尝试删除限制 PARAM它可能会解决你的问题，因为一个字体文件可能会超过100K。

来源

2017-05-09 15:21:21

不幸的是它没有工作... –

-1

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

来源

2017-09-15 10:38:34

可以解释为什么你的解决方案工作，以提高你的贡献的价值？ –

无法加载字体与webpack＆vuejs

回答

相关问题