Webpack加载字体

Question

7

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

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

在我的Webpack配置文件中：

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

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

Webpack不能自动加载字体吗？我需要编写其他代码来加载字体吗？

- Seneca

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- nikita-graf · Accepted Answer

你需要在CSS文件中引入字体，而不是在JS/JSX文件中引入。例如：

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