2017-04-11 104 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; 
}