2012-12-21 82 views
1

我想包括FontAwesome到我的項目,但我不能得到字母小「O」的工作,FontAwesome不顯示字母「O」

我的字體awesome.css.scss.erb

@font-face { 
    font-family: "FontAwesome"; 
    src: url('<%= asset_path('fontawesome-webfont.eot') %>'); 
    src: url('<%= asset_path('fontawesome-webfont.eot') + '?#iefix' %>') format('eot'),    url('<%= asset_path('fontawesome-webfont.woff') %>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf') %>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg') + '#FontAwesome' %>') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

// Other stuff,,,,,, 

我自己的CSS

body { 
    font-family: "FontAwesome" 
} 

什麼情況是,文本更改一些serif字體,洙事情正在發生變化,但字母「O」不顯示,我嘗試過各種寶石,但沒有似乎工作。

我也嘗試過不同的瀏覽器(Chrome瀏覽器,FF,Safari瀏覽器)

由於OS我用獅子10.7.5

我也配置資產路徑。

enter image description here

回答

1

你不應該使用FontAwesome的字體外觀爲您的身體。你會想限制它到一個特定的類或類似的東西。

+0

我試過了,我不知道它爲什麼會有所作爲呢? – skyw00lker

+1

我看着它,你是正確的,我誤解了FontAwesome的使用 – skyw00lker

2

FontAwesome要求您使用font-awesome.css樣式表。

然後將創建的元素以使用字體面如:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/> 
 

 
<i class="fa fa-download"> Download</i>

1.本存在參見Not using Boostrap?http://fortawesome.github.io/Font-Awesome在舊的3.2.1文檔中。

+0

我使用font-awesome.scss而不是基本相同的東西,我可以使用你發佈的元素。 – skyw00lker

+0

然後它聽起來像你有它的工作。 –

+0

我附上了一張屏幕截圖 – skyw00lker