Menu

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';...

本文章首发在 Laravel China 社区

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

上一篇 下一篇
讨论数量: 3

小宝爹
yarn add @fortawesome/Font Awesome-free 安装报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
dokiss
awesome-font 安装成功 但是运行 NPM run watch-poll 报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
刻意练习,每日精进。
3
点赞
874
浏览
3
讨论

作者