与webpack和angularjs装载错误象的物质设计象

Question

我正在使用材质设计图标（https://materialdesignicons.com/）并在我的angularjs应用中使用webpack加载它们。 Gulp为我的网页服务。我的webpack配置文件包含以下代码：

{ test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, loader : 'url-loader' }

我面临的问题是渲染的wepage显示错误的图标。当我使用file-loader代替url-loader时，我会在控制台中收到以下警告。

Failed to decode downloaded font, OTS parsing error: Failed to convert WOFF 2.0 font to SFNT

无法找出问题所在。提前谢谢。

Answer 1

{ test: /.(png|woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, loader: 'url-loader?limit=100000' }

你可以试试这个字体。这对我有用。

Answer 2

试试这两个加载器：

{{1}}