SORU
26 Aralık 2013, PERŞEMBE


Kullanım css içerik olarak yazı Başar simge

Css içerik olarak yazı tipi harika bir simge kullanmak istiyorum, yani

a:before {
    content: "<i class="fa...">...</i>";
}

Ben bunun sadece resim kaldı yani content, html kodu kullanmak biliyorum?

CEVAP
26 Aralık 2013, PERŞEMBE


Bu yanlış bir şekilde kullanmak için, açık yazı tipi harika stil, class yazı tipi kullanmak istediğiniz söylemek fa-phone ve kopya içerik özelliği altında bu sınıf ile varlık ve bir daha kullanmak gibi

a:before {
   font-family: FontAwesome;
   content: "\f095";
}

Demo

Sadece eğer a belirli bir etiket hedef için arıyorsanız, daha fazla belirgin hale getirmek için class yerine kullanmak gibi düşünün emin olun

a.class_name:before { 
    font-family: FontAwesome;
    content: "\f095";
}

Kullanma yolu üzeri olacaktır stick simgesi ile kalan metin seninki kadar olmasını istiyorsanız biraz boşluk arasında iki, display: inline-block; ve kullanım padding-right

a:before {
   font-family: FontAwesome;
   content: "\f095";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ArkticPlanet

    ArkticPlanet

    9 ŞUBAT 2010
  • Juan Carlos Candela Bordera

    Juan Carlos

    4 Mart 2009
  • WK

    WK

    9 Ocak 2006