记忆盒子

Font Awesome V5 图标及对应编码。

本文收录了1000个Font Awesome V5 图标及对应编码。

(点击图片放大)

(点击图片放大)

(点击图片放大)

(点击图片放大)

===============================

在原始网页（非图片）查找编码更方便：

Font Awesome V5 图标及对应编码

===============================

使用方法介绍

css定义 content 属性必不可少，如下所示：

.offsite:after {
  font-family:FontAwesome;
  content:"\f062"
}

代码 \f062 是一个向上箭头图标。

要使用font awesome图标，我们首先要引用font awesome图标字体库文件，如(注意路径要正确)：

<link rel='stylesheet' href='font-awesome/5.10.2/css/all.css'>

要注意的是，不是直接引用了文件就能使用的，还要进行Web服务器的相关配置。请参考以下相关文章。

Linux Nginx安装配置Font Awesome图标字体

IIS6.0安装配置FontAwesome图标字体运行环境

IIS7.5安装配置Font Awesome图标字体的方法

Font Awesome图标在IE浏览器不显示的解决方法

Font Awesome 5.10.2下载

点击下载

广告

海外云主机

低至54元 - 可退款

立即选购 >

rxinyun

立即选购 >

标签: FontAwesome  

※ 网站速度慢？试试网站自动优化工具 ※