javascript – Webpack加载字体

前端之家收集整理的这篇文章主要介绍了javascript – Webpack加载字体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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不让我自动要求字体吗?我是否必须编写其他任何内容来加载字体?

解决方法

你必须要求你的字体在css文件中,而不是在js / jsx文件中.例如:
@font-face {
    font-family: 'SomethingStrange';
    src: url('../../Style/fonts/SomethingStrange.ttf');
}

猜你在找的JavaScript相关文章