CSS 中Font Awesome 图标(附码表)

时间:2022-03-05 13:15:06

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

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

部分图标:

CSS 中Font Awesome 图标(附码表)CSS 中Font Awesome 图标(附码表)

其他效果图:

CSS 中Font Awesome 图标(附码表)

调用实例:

 <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百度云链接:

http://pan.baidu.com/s/1gdMEDTx

密码: wrac

效果如下:

CSS 中Font Awesome 图标(附码表)

其他调用方式 Font Awesome 。