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

;

相關文章

相關標籤/搜索

每日一句

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

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<