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