Webpack加载字体

Question

我在React元素中有这个代码：

require('../../Style/fonts/SomethingStrange.ttf')

在我的Webpack.config中：

{ test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, 
      loader: 'file-loader?name=fonts/[name].[ext]' }

问题：我的网页上没有字体...

Webpack不让我自动要求字体吗？ 我是否需要编程其他任何东西来加载字体？

Answer 1

你必须要求你的字体在css文件中，而不是在js / jsx文件中。 例如：

@font-face {
    font-family: 'SomethingStrange';
    src: url('../../Style/fonts/SomethingStrange.ttf');
}