CSS

2013-03-09 8 views
10

kullanarak CSS


'dan sonra Yazı Tipi Başar simgesi ekle CSS ile bir Yatay Kural stili arıyorum. Ben şimdiye kadar bu yaptık:

http://tinkerbin.com/vdzgAZ9q

Ancak, ben Font Awesome yerine § sembolünden 'simgesini-yıldızı' kullanmak istiyorum.

Birisi bana bunun nasıl yapılacağını söyleyebilir miydi?

Teşekkürler!

+1

Sadece '@font oluşturmak -SS'de CSS ve 'hr'de' Font-Family''i ayarlayın. – Bart

+0

Lütfen bunun yerine JS keman kullanın. Ve ne denedin? Yazı Tipi Başar, yazı tiplerini kullanmak için ihtiyacınız olan tüm talimatları içerir. İçerik değeri için – Terry

cevap

15

ilk adım İkinci css için ekleyene fortawesome
indirilmektedir fontları olduğunu. font dosyaları yolları ile dikkat :

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../font/fontawesome-webfont.eot?v=3.0.1'); 
    src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), 
    url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), 
    url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

Ve nihayet, için "\ f005" "§" dan hr selectior için içerik kuralı yerine

hr:after { content: "\f005";} 
+0

+1 :) – Rahul

+1

@Rahul Hepsi 'font-awesome.css' içinde 274 satırından sonra bulunabilir – ErDmKo

+0

Çok teşekkür ederim! "\ F005" bölümü üzerinde güldüm. –