项目中引入图标库——Font Awesome,一套绝佳的图标字体库和CSS框架

项目中引入图标库——Font Awesome,一套绝佳的图标字体库和CSS框架

1、网址

官网——http://www.fontawesome.com.cn/

npm地址——https://www.npmjs.com/package/font-awesome

菜鸟教程(Font Awesome 参考手册)——https://www.runoob.com/font-awesome/fontawesome-reference.html

下载至本地使用——https://static.runoob.com/download/font-awesome-4.7.0.zip

2、使用步骤

第一步:引包

npm i font-awesome

第二步:页面使用

1-官网示例

<i class="fa fa-window-restore" aria-hidden="true">i>

效果

项目中引入图标库——Font Awesome,一套绝佳的图标字体库和CSS框架_第1张图片

3、实例1

<i class="fa fa-car" style="font-size:60px;color:red;">i>

效果

项目中引入图标库——Font Awesome,一套绝佳的图标字体库和CSS框架_第2张图片

4、实例2




效果见图1

你可能感兴趣的:(工具,vue项目-运维,前端,css)