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');
}