2017-04-11 105 views
0

我需要更厚实的字体真棒。试图只增加默认图标的高度。类似的东西,如图片的图标字体真棒超大胆与css

<i class="fa fa-exchange" aria-hidden="true"></i>

enter image description here

我已经尝试各种大胆的属性的和字体真棒类,如fa-4x or fa-5x这些都不适合我。而CSS的高度属性不起作用。

如何增加字体真棒图标的高度?

.my-link i{ 
    color:red; 
    height:50px; 
} 
+0

可能[是否可以使Font Awesome图标大于'fa-5x'?](http://stackoverflow.com/questions/25719319/is-it-possible-to-make-font-awesome-icons-larger -than-fa-5x) –

+0

添加设置字体大小的类是否工作不够好?注意你显示的图片*不能从字体真棒图标产生,除非你以某种方式开始搞乱大纲内部顶点的相对位置,CSS绝对不能这样做,所以我假定你自己画了这个:该绘图,使其成为一个图像,然后在你自己的CSS中使用该图像。你不必使用任何字体,根据你的需要混合和匹配。 –

回答

0

尝试CCS属性:

transform: scale(1, 7); 

.fa { transform: scale(1,7); }
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet"/> 
 
<br/><br/><br/><br/><br/><br/> 
 
<i class="fa fa-exchange fa-5x" aria-hidden="true"></i>

0

你可以使用这个CSS的化妆bold.it的工作对铬

.my-link i{ 
-webkit-text-stroke: 4px; 
}