给站点添加Font Awesome矢量图标

Font Awesome 是一套绝佳的图标字体库和CSS框架。Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

Font Awesome官方网站:https://fontawesome.com/

使用方法,首先是在<head>中添加引用,由三种方式:

  1. 添加Kit’s Code,可以注册Font Awesome获得Kit’s Code链接
<script src="https://kit.fontawesome.com/e08a4e3d90.js" crossorigin="anonymous"></script>

2. 国内CDN

<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

3. 国外CDN

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

4. 下载到本地(不推荐)

然后就可以在需要的地方插入ont Awesome矢量图标了,具体使用方法可以参看ont Awesome官方网站。

本文链接: https://www.168itw.com/wordpress/font-awesome/
转载请注明转载自:168itw

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注