位置:电子教程 > Font Awesome图标教程 推荐学习资源
基础使用语法
Font Awesome 图表图标
Font Awesome Web 应用图标
Font Awesome 货币图标
Font Awesome 方向图标
Font Awesome 文件类型图标
Font Awesome 表单图标
Font Awesome 性别图标
Font Awesome 手势图标
Font Awesome 医疗图标
Font Awesome 付款图标
Font Awesome 加载中图标
Font Awesome 文本图标
Font Awesome 交通工具图标
Font Awesome 音/视频图标
Font Awesome 参考手册(1)
Font Awesome 参考手册(2)
当前阅读教程:Font Awesome图标教程 > 图标使用基础语法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 基础使用语法 下一篇: 大图标

您可以使用前缀 fa 和图标的名称来放置 Font Awesome 图标。

Font Awesome 设计为与内联元素一起使用。 <i> <span> 元素广泛用于图标。

另外注意,如果更改图标容器的字体大小或颜色,图标会更改。

示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
     <meta charset="utf-8">
     <title>Font Awesome 图标(小白教程网:www.2d5.net)</title>
     <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" >
</head>
<body>
 
<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>
 
</body>
</html>

 

效果如图:

image.png

上一篇: 基础使用语法 下一篇: 大图标
QQ交流群:147415688             广告联系QQ:45157718(微信同号)