2013-11-04 42 views
0

注裝載glyphicons:字體真棒也被用於問題與使用引導CSS字體-face規則

我使用glyphicon在導航欄的左上角網站的品牌設置 - 該文本內容爲「鎮上最好的城堡」。這個問題似乎是,字形的網頁字體沒有加載進來。相反,一個小廣場是可見的,其中一個塔圖標應該在它的位置。塔圖標應與下列標記這是目前在網頁上呈現:

<span class="glyphicon glyphicon-tower"></span> 

http://www.bestcastlesintown.co.uk/prototype/test3.php#.UneSnRDylCj

相信在stylesheet.css中的CSS是glyphicons用法正確:

@font-face { 
    font-family: 'Glyphicons Halflings'; 
    src: url("fonts/glyphicons-halflings-regular.eot"); 
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 


.glyphicon { 
    position: relative; 
    top: 1px; 
    display: inline-block; 
    font-family: 'Glyphicons Halflings'; 
    -webkit-font-smoothing: antialiased; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1; 
    -moz-osx-font-smoothing: grayscale; 
} 

任何人都可以幫助解決問題嗎?

回答

2
<span class="glyphicon glyphicon-tower"></span> 

這是自舉3.0.0插入glyphicons正確的方式,但使用的是引導2.3.2

The right way in bootstrap 2是:

<i class="icon-tower"></i> 

並經規定zessx,此圖標在引導程序中不可用2.3.2

1

tower glyphicon出現1.8 Glyphicon版本,並且在Bootstrap 2.3.2中不可用。

你可以看看into the doc來看Bootstrap 2.3.2可用的glyphes,看看有沒有tower glyphicon。

0

我有同樣的問題。下載整個 Bootstrap 3文件夾,並用當前的文件替換字體文件。我發現由於某種原因,自定義下載中的字體文件已損壞。

http://getbootstrap.com/