2016-04-11 32 views
0

Ben web inceliyordum ve buna bir cevap bulamıyorum. Bir i etiketinde iki Yazı Başarısı Simgesi eklemek için var mı?One in Tag İki Yazı Başar Simgeler Var

böyle, yan yana iki I etiketleri yan koyarsanız bunu yapabilirsiniz:

Good for: <i class="fa fa-male fa-2x"></i><i class=" fa fa-female fa-2x"></i> 

Yani bunu yapmak için zaten var mı?

+0

Bildiğim kadarıyla değil, başka bir yere yatırmak istediğinizde yapabileceğiniz kadar değil (eğer niyetiniz buysa) bunu sadece CSS ile yapabilirsiniz. – Moritz

+0

Diğer tarafta değil, yan yana iki farklı ikonunuz var. Bir i etiketinde. –

+0

bir 'i 'etiketi ve içinde 2' span' etiketleri ile var mı? :) –

cevap

2

Glif tabanlı yazı tipleri, genellikle öğenin content öğesinin belirli bir değere dönüştürülmesiyle çalışır; bu da yazı tipinin almasını ve uygun glif olarak oluşturulmasını sağlar.

Bu nedenle, kitaplığın kendisi üzerinde bu davranışı ele almak için belirli bir sözdizimi sağlamadığı sürece, her ikisini de görüntülemek için tek bir etiket kullanmanız mümkün değildir (Font Başar'ın stacking'u nasıl kullandığı gibi).

+0

Tamam, teşekkürler. İki i etiketinin yanında yan yana iki yazı tipi müthiş simgeler eklemenin daha verimli bir yolu var mı? –

+0

IMO, iki etiket yaklaşımı muhtemelen en kolay ve en temiz olacak. –

+0

Tamam. Çok teşekkürler! Yapabileceğim zaman cevabınızı en iyi cevap olarak seçeceğim. Aptal zamanlayıcı. –

0

Mevcut FontAwesome kütüphanesiyle mümkün değil. Ancak, aşağıda önerilmiş olan arkascha gibi çalışma alanları vardır.



Ek Bilgi:

değil tam olarak için soruyorsunuz Ama bu, başlığı ile bu konuya girer Ayrıca gelecek kalabalık size yardımcı olacaktır düşündüğünü.

Ben istifleme ve onları uygun şekilde hizalayarak set font-müthiş simgesi mevcut simgeleri setini kullanarak Burada ...

https://stackoverflow.com/a/36491858/2592042

Ayrıca özel bir simge oluşturabilir benzer şeyler yanıtlamıştı. Stacked Icons

Örnek:

<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-male fa-stack-1x"></i> 
 
    <i class="fa fa-female fa-stack"></i> 
 
</span>

2

Bu nedenle sınıfları belirleme kabartma nasıl uygulandığını yolu olduğunu tek <i> etikette mümkün değildir. Daha uzun veya dinamik dizileri için, ancak doğrudan biçimlendirme gösterimde simgeler kodlarını kullanabilirsiniz:

  • html: <span class="font-awesome">&#xf183&#xf182</span>

  • css: .font-awesome { font-family: FontAwesome; }

Bu açıkça yüklemek gerektirir yazı tipi FontAwesome.

Bir kemancı olarak basit gösteriyi yarattı: https://jsfiddle.net/6ofmn36g/

bu olsa okumak biraz zor bir yaklaşım olduğunu gerçi ben katılıyorum ...

+0

Bunu test ettiniz mi? Bu işe yaramaz –

+0

@Reddy Bunu işaret ettiğin için teşekkürler! Gösterimi düzeltmek ve bir gösterici olarak bir kemancı ekledi. – arkascha

+0

Güzel !! Bu bende vereceğim tam olarak aynı çözüm olurdu .. +1 –