分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

javascript – Webpack加载字体

JavaScript   发布时间：2022-04-16  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – Webpack加载字体，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我在React元素中有这个代码： 
require('../../Style/fonts/SomethingStrange.ttf')

在我的Webpack.config中：@H_450_5@ 

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

问题：我的网页上没有字体……@H_450_5@

Webpack不让我自动要求字体吗？我是否必须编写其他任何内容来加载字体？@H_450_5@

解决方法

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

大佬总结

以上是大佬教程为你收集整理的javascript – Webpack加载字体全部内容，希望文章能够帮你解决javascript – Webpack加载字体所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：javascriptwebpack加载字体
猜你在找的JavaScript相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap