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

JavaScript CSS

阿飞

2020-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 “导入我仍然没有成功”

第4094篇《使用npm安装Awesome 5字体以用于CSS》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
乐JinJin 2020.04.07

我对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.

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android