font awesome (图标字体库)

时间 2019-11-13

标签 font awesome 图标字体繁體版

原文原文链接

Font Awesomecss

fa是什么?html

图标字体库和CSS框架框架

怎么用?字体

<linkspa

rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">3d

有哪些可用?code

范例?cdn

<!DOCTYPE html>htm

<html>blog

<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">&#xf2bc</i>

</body>

</html>

参考:

http://www.runoob.com/font-awesome/fontawesome-tutorial.html

http://www.runoob.com/font-awesome/fontawesome-reference.html

;

相关文章

相关标签/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<