Bireysel unicode fontawesome simgeleri etrafında sınır?

Question

Ayrı fontaşı simgelerin etrafında bir sınır eklemeyi deniyorum (Unicode kodlarını kullanarak).

content: "\f008\00a0\f001\00a0\f26c" 

Ama burada bir sınır eklemeye çalışırsanız, bu her üç simgeleri yaklaşık bir sınır koyar: Örneğin, benim CSS dosyasındaki ben kullanıyorum. Üç simgenin her birinin etrafında bir sınır elde edebileceğim bir yol var mı (00a0 uzayları değil).

ederiz Sen

Answer 1

Hayır ... Sadece bir sınır olsun bu yüzden ... birden fazla karakter ile bir unsuru (ya sözde eleman) bulunuyor.

span numaralı münferit mektupların etrafına bir kenarlık koymaya çalışmak gibi… yapamazsınız.

En iyi ihtimalle, Font-Awesome, yığınları kullanarak, ancak yalnızca tek simgeler için genellikle kenarlıkların kenarlıklarını çizme yöntemini sunar. Bu tartışılabilir olan çimdik olabilir.

Eğlenceli bir deneme olabilir.

o yapılmalıdır yolu: Hızlı cevap için

html { 
 
    box-sizing: border-box; 
 
} 
 
*, 
 
*::before, 
 
*::after { 
 
    box-sizing: inherit; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
i:before { 
 
    font-family: 'FontAwesome'; 
 
} 
 
i.one:before { 
 
    content: "\f008"; 
 
} 
 
i.two:before { 
 
    content: "\f001"; 
 
} 
 
i.three:before { 
 
    content: "\f26c"; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" /> 
 
<span class="fa-stack fa-lg"> 
 
    <i class="fa fa-square-o fa-stack-2x"></i> 
 
    <i class="fa one fa-stack-1x"></i> 
 
</span> 
 
<span class="fa-stack fa-lg"> 
 
    <i class="fa fa-square-o fa-stack-2x"></i> 
 
    <i class="fa two fa-stack-1x"></i> 
 
</span> 
 
<span class="fa-stack fa-lg"> 
 
    <i class="fa fa-square-o fa-stack-2x"></i> 
 
    <i class="fa three fa-stack-1x"></i> 
 
</span>