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

  • foreignimage

    foreignimage

    13 HAZİRAN 2006
  • LinusTechTips

    LinusTechTip

    25 Kasım 2008
  • thewinekone

    thewinekone

    17 Aralık 2005