如何使用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倍大小和红色。