CSS 文件中引用 fontawesome 文字图标（编码对照表）在css文件中引用fontawesome可以这样：.panel-default.panel-heading a::after{ font-family:"fontawesome"; content:"\f113"; position:absolute; right:15px; font-size:14px; }主要看这个代码content:"\f11 ...

网站源码下载网 › 首页 › 综合资讯› 技术文章 ›

CSS 文件中引用 fontawesome 文字图标（编码对照表）

技术文章

每日更新

2024-6-11 17:51 73人浏览 0人回复

原作者: 全都有综合资源网来自: 全都有综合资源网收藏分享邀请

摘要

在css文件中引用fontawesome可以这样：.panel-default.panel-heading a::after{ font-family:"fontawesome"; content:"\f113"; position:absolute; right:15px; font-size:14px; }主要看这个代码content:"\f11 ...

在css文件中援用fontawesome可以这样：

.panel-default>.panel-heading a::after{ font-family:"fontawesome"; content:"\f113"; position:absolute; right:15px; font-size:14px; }

首要看这个代码 content:"\f113"
以下是fontawesome笔墨图标编码对照表：

NAME

CODE

NAME

CODE

.fa-glass

\f000

.fa-GitHub-alt

\f113

.fa-music

\f001

.fa-folder-o

\f114

.fa-search

\f002

.fa-folder-open-o

\f115

.fa-envelope-o

\f003

.fa-smile-o

\f118

.fa-heart

\f004

.fa-frown-o

\f119

.fa-star

\f005

.fa-meh-o

\f11a

.fa-star-o

\f006

.fa-gamepad

\f11b

.fa-user

\f007

.fa-keyboard-o

\f11c

.fa-film

\f008

.fa-flag-o

\f11d

.fa-th-large

\f009

.fa-flag-checkered

\f11e

.fa-th

\f00a

.fa-terminal

\f120

.fa-th-list

\f00b

.fa-code

\f121

.fa-check

\f00c

.fa-mail-reply-all

\f122

.fa-remove

\f00d

.fa-reply-all

\f122

.fa-close

\f00d

.fa-star-half-empty

\f123

.fa-times

\f00d

.fa-star-half-full

\f123

.fa-search-plus

\f00e

.fa-star-half-o

\f123

.fa-search-minus

\f010

.fa-location-arrow

\f124

.fa-power-off

\f011

.fa-crop

\f125

.fa-signal

\f012

.fa-code-fork

\f126

.fa-gear

\f013

.fa-unlink

\f127

.fa-cog

\f013

.fa-chain-broken

\f127

.fa-trash-o

\f014

.fa-question

\f128

.fa-home

\f015

.fa-info

\f129

.fa-file-o

\f016

.fa-exclamation

\f12a

.fa-clock-o

\f017

.fa-superscript

\f12b

.fa-road

\f018

.fa-subscript

\f12c

.fa-download

\f019

.fa-eraser

\f12d

.fa-arrow-circle-o-down

\f01a

.fa-puzzle-piece

\f12e

.fa-arrow-circle-o-up

\f01b

.fa-microphone

\f130

.fa-inbox

\f01c

.fa-microphone-slash

\f131

.fa-play-circle-o

\f01d

.fa-shield

\f132

.fa-rotate-right

\f01e

.fa-calendar-o

\f133

.fa-repeat

\f01e

.fa-fire-extinguisher

\f134

.fa-refresh

\f021

.fa-rocket

\f135

.fa-list-alt

\f022

.fa-maxcdn

\f136

.fa-lock

\f023

.fa-chevron-circle-left

\f137

.fa-flag

\f024

.fa-chevron-circle-right

\f138

.fa-headphones

\f025

.fa-chevron-circle-up

\f139

.fa-volume-off

\f026

.fa-chevron-circle-down

\f13a

©版权免责声明

1、本站所有资源均来自用户上传及互联网。如有侵权，请联系站长！
2、分享目的仅供大家学习交流。下载后必须在24小时内删除！
3、不得用于非法商业目的或违反国家法律。否则，后果自负！
4、本站提供的源代码、模板、插件等资源不包含技术服务。敬请谅解！
5.如果出现无法下载、无效或有广告的链接，请联系管理员寻求帮助！
6、本站资源价格仅用于赞助，所收取的费用仅用于维持本站日常运营！
7、如果遇到加密压缩包，请使用WINRAR解压。如果遇到无法解压的加密压缩包，请联系管理员！
8、由于精力有限，很多源代码无法详细测试（解密），部分源代码无法区分为病毒或误报，所以没有进行修改。请在使用前进行筛选。

本文网址：

联系客服

fontawesome, CSS, 编码