使用npm安装Awesome 5字体以用于CSS

阿飞 · 04月07日

就像标题说的那样,我不能出于scss的目的使用npm安装真棒字体5。

尝试安装版本5

根据https://fontawesome.com/how-to-use/use-with-node-js的使用

npm i --save @fortawesome/fontawesome

查看node_modules中的安装,我看不到要挂接到的scss文件。我尝试在我的app.scss文件中包含styles.css文件,但这没有用。

我对版本4的设置:

package.json "font-awesome": "^4.7.0",

app.scss @import "node_modules/font-awesome/scss/font-awesome.scss";

用法 <i className="fa fa-save icon controlItem"></i>

易如反掌。如何使用版本5实现此目标?我使用了错误的包裹吗?


更新

显然,仅使用@ fortawesome / fontawesome并不足够。软件包已拆分,因此您还必须选择 npm install --save @fortawesome/fontawesome-free-regular “导入我仍然没有成功”

回答(1)
时间
乐JinJin
1 · 2020-04-07 11:41:14

我对FontAwesome 5的理解是,他们使用javascript将内联SVG添加到DOM。

Take a look at this article: SVG with JS

Rather than compiling an scss file, you just need to include this javascipt one: fontawesome-all.js, any icons you add to your HTML should then be converted to SVGs automatically.

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序