首頁 > web前端 > html教學 > 在線引用font awesome字體圖標

在線引用font awesome字體圖標

高洛峰
發布: 2016-11-01 13:22:11
原創
2270 人瀏覽過

1.在HTML頁

標籤裡加入以下link連結
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
登入後複製

2.在頁面中用標籤加class類名方式呈現對應的iconfonts;

<i class="fa fa-quote-left"></i>
登入後複製

3.依照圖示選擇的不同,class中的也不同,選擇要呼叫的圖標,點擊就會有對應的程式碼。想修改樣式可以直接呼叫類別名稱用改變字體的方法改變圖示樣式。

.fa{
    font-size: 20px;
    color: #2c3e50;    
}
登入後複製

4.更多的圖示:http://www.fontawesome.com.cn/faicons/#webapp-icons

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板