在線引用font awesome字體圖標


1.在HTML頁面<head>標簽里添加如下link鏈接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

2.在頁面中用<i>標簽加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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM