2.8. 字体图标

file

本项目我们将使用 Font Awesome 来作为字体图标库。Font Awesome 提供了可缩放的矢量图标,允许我们使用 CSS 所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

1. 安装

$ yarn add @fortawesome/fontawesome-free

输出:

file

打开 package.json 可以看到新增了这一行依赖:

package.json

{
.
.
.

    "dependencies": {
        "@fortawesome/fontawesome-free": "^5.6.3"
    }
}

2. 载入

我们还需要在样式中载入:

resources/sass/app.scss

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

// Fontawe...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
贡献者:1
讨论数量: 3

dokiss
awesome-font 安装成功 但是运行 NPM run watch-poll 报错
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.7
小宝爹
yarn add @fortawesome/Font Awesome-free 安装报错
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7