Yazı Müthiş geçmiş + Boyut

Question

Uzun zaman önce ben müthiş yazı ile bu yaptı:

Beni hayat için, ben yaptım nasıl hatırlayamıyorum. Ben kullanarak çoğaltmak çalıştı bu: Yukarıdaki kodu için bu kaynağı kullanılan

<span class="fa-stack fa-lg"> 
    <i class="fa fa-square-o fa-stack-2x"></i> 
    <i class="fa fa fa-home fa-stack-1x"></i> 
</span> 

: Stacked Icons, Twitter

bu sorun ev çok büyük ve arka plan ile aynı olmadığıdır Ben bir yıl önce yaptığım (düşünmek #fff). Fontawesome web sitesinde hafif bir arka plan var gibi görünüyor, ancak daha sonra siteme uygularken (sitenin arka planı # 1F1F1F), site ile aynı arka plana sahip gibi görünüyor.

Daha önce bunu nasıl yapabileceğimi bilen var mı, şimdi de mücadele ediyorum?

Answer 1

Sorun:

Sen fa-lg sınıf kullanıyorsunuz çok büyük. Bu büyük boy yapar. Bunu kaldır.

Sorun: Yanlış arkaplan

kullanımı (fa-square-o gibi katı bir yuvarlak kare, yerine anahat) fa-square sınıf ve (color: lightgrey ile) ışık yapmak için CSS kullanabilirsiniz.

(Aşağıdaki örnekte, karenin açık arka planını daha iyi göstermek için arka planı da kararmıştım).

body { 
 
    background-color: black; 
 
} 
 
.light { 
 
    color: lightgrey; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"> 
 
<span class="fa-stack"> 
 
    <i class="fa fa-square fa-stack-2x light"></i> 
 
    <i class="fa fa fa-home fa-stack-1x"></i> 
 
</span>