CSS 中Font Awesome 图标（附码表）

最新推荐文章于 2024-01-26 07:13:19 发布

RoadStillFaraway

最新推荐文章于 2024-01-26 07:13:19 发布

阅读量6k

点赞数 3

分类专栏：前端-CSS/JS/JQuery 文章标签： html 矢量图实例 css

本文链接：https://blog.csdn.net/RodeStillFaraway/article/details/50529680

版权

前端-CSS/JS/JQuery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

CSS 中Font Awesome 图标（附码表）

HTML中缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

Font Awesome 传送门：http://fontawesome.dashgame.com/

Font Awesome

链接:http://pan.baidu.com/s/1gdMEDTx
密码: wrac

效果图：

调用实例：

<html>
<head>
<title>Font Awesome图标调用实例</title>

<!-- 将下载的Font Awesome图标文件夹放入项目css，并增加下段代码 -->
<link href="css/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>

<body>
                      
    <label>Name</label>
    
    <br>
    <br>
    
    <!-- 简单的调用方式 -->
    <i class="fa fa-user"></i>
    <input type="text" value="">                                                                             

</body>
</html>

效果如下：

其他调用方式 Font Awesome 。

部分图标：

RoadStillFaraway

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
CSS 中Font Awesome 图标（附码表）

CSS中FontAwesome 图标（附码表以及简单实例调用）HTML中缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
复制链接

扫一扫