2.8. 字体图标

本教程最新版为 9.x,当前版本已放弃维护,请阅读最新版本!

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 '~bootst...

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

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

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
贡献者:1
讨论数量: 4

dokiss
awesome-font 安装成功 但是运行 NPM run watch-poll 报错
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.7
dryang
NPM run watch-poll 编译执行到 95%报 i/o 错误,错误信息如下
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.8
小宝爹
yarn add @fortawesome/Font Awesome-free 安装报错
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7