前端之家收集整理的这篇文章主要介绍了
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');
}
原文链接:https://www.f2er.com/js/159222.html