CSS 中Font Awesome 图标（附码表）

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

weixin_30338461

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

阅读量228

点赞数

原文链接：http://www.cnblogs.com/Ambrose/p/4813701.html

版权

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

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

部分图标：

其他效果图：

调用实例：

 1 <html>
 2 <head>
 3 <title>Font Awesome图标调用实例</title>
 4 
 5 <!-- 将下载的Font Awesome图标文件夹放入项目css，并增加下段代码 -->
 6 <link href="css/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 7 
 8 </head>
 9 
10 <body>
11                       
12     <label>Name</label>
13     
14     <br>
15     <br>
16     
17     <!-- 简单的调用方式 -->
18     <i class="fa fa-user"></i>
19     <input type="text" value="">                                                                             
20 
21 </body>
22 </html>