如何使用SVG框架

Question

我使用了字體真棒5到工作來調整圖標：

<i class="fa fa-user"></i> 
<script src="/js/packs/solid.js"></script> 
<script src="/js/fontawesome.js"></script> 

但是造型的我的標籤沒有任何效果。所以我嘗試使用網絡字體代替：

<link rel="stylesheet" href="css/font-awesome-core.css"> 
<link rel="stylesheet" href="css/font-awesome-solid.css"> 
<i class="fas fa-user"></i> 

它工作。但是我不應該使用svg框架嗎？我不是一個字體真棒傳統主義者。你能否使用不同顏色，大小和旋轉的字體？

Answer 1

FontAwesome5 SVG框架將標記轉換爲源中完全呈現的SVG代碼。

圖標/ SVG的樣式可以通過樣式設置父項來控制。

<div style="font-size: 200%; color: red"> 
<i class="fas fa-user"></i> 
</div> 

這會使圖標呈現2倍大小和紅色。