Font Awesome 是一個非常方便的圖標庫。這些圖標都是矢量圖形,被保存在 .svg 的文件格式中。這些圖標就和字體一樣,你可以通過像素單位指定它們的大小,它們將會繼承其父HTML元素的字體大小。 你可以將 Font Awesome 圖標庫增添至任何一個應用中,方法很簡單,只需要在你的 HTM ...
Font Awesome 是一個非常方便的圖標庫。這些圖標都是矢量圖形,被保存在 .svg
的文件格式中。這些圖標就和字體一樣,你可以通過像素單位指定它們的大小,它們將會繼承其父HTML元素的字體大小。
你可以將 Font Awesome 圖標庫增添至任何一個應用中,方法很簡單,只需要在你的 HTML 頭部增加下列代碼即可:
<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
當然也可以下載到本地使用,地址:http://fontawesome.io/ http://fontawesome.dashgame.com/ (中文網)
(link的路徑根據自己下載保存的位置來定);
使用方式:
i
元素起初一般是讓其它元素有斜體(italic)的功能,不過現在一般用來指代圖標。你可以將 Font Awesome 中的 class 屬性添加到 i
元素中,把它變成一個圖標,比如:
<i class="fa fa-info-circle"></i>
使用案例:
官網給出了詳細的使用案例哦(可以自己動手試試,真理來源於實踐):http://fontawesome.io/examples/