font-awesome

Font Awesome 是一个流行的图标字体库，用于网页设计和开发。它包含了一系列矢量图标，可以通过 CSS 轻松调用和使用，并且可以定制大小、颜色、阴影等。

文档：官方文档

由于官网在国内打开比较卡顿，这里提供部分简单用法

使用

  • 在你的html中引入all.min.css文件
  • 搞定！
<head>
  <link href="https://cdn.lmwa.cn/npm/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
</head>

基础使用方法

按上面的操作引入css之后，就可以在你的html里加入图标代码了。
下面几种写法都可以，只不过一般都用在i标签上。

fontawesome主要是通过css引入字体文件实现显示图标。
其中在class中有2个主要内容。

  1. 标识图标样式的：用fas,far,fal,fad。其中

    • fas: 实体样式
    • far: 常规样式
    • fal: 线条样式
    • fad: 双色样式
    • fab: 品牌图标
  2. fa-xxxx其中xxxx就是图标的名称，比如：相机图标（fa-camera），你可以试试

v5.15.4

引入：cdn.lmwa.cn/npm/font-awesome/5.15.4/css/all.min.css

<link href="https://cdn.lmwa.cn/npm/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">

v6.7.2

引入：cdn.lmwa.cn/npm/font-awesome/6.7.2/css/all.min.css

<link href="https://cdn.lmwa.cn/npm/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">

介绍：

静态资源公共库

我搭建CDN（内容分发网络）服务，主要是为了让自己的上网体验更好，同时也开放给大家免费公益使用。也就是说，无论是我...

© 允许规范转载
如果觉得我的文章对你有用，可以赞助本站，使本站更好的发展