Font Awesome
fa是什么?
图标字体库和CSS框架
怎么用?
<link
rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
有哪些可用?
范例?
<!DOCTYPE html>
<html>
<head>
<title>Font Awesome 图标</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
<h1>fa fa-address-card-o</h1>
<i class="fa fa-address-card-o"></i>
<i class="fa fa-address-card-o" style="font-size:24px"></i>
<i class="fa fa-address-card-o" style="font-size:36px"></i>
<i class="fa fa-address-card-o" style="font-size:48px;color:red"></i>
<br>
<p>按钮中使用:</p>
<button style="font-size:24px">
按钮
<i class="fa fa-address-card-o"></i>
</button>
<p>Unicode:</p>
<i style="font-size:24px" class="fa"></i>
</body>
</html>
参考:
http://www.runoob.com/font-awesome/fontawesome-tutorial.html
http://www.runoob.com/font-awesome/fontawesome-reference.html
;