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

在線引用font awesome字體圖標

高洛峰
高洛峰原創
2016-11-01 13:22:112259瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn