注裝載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;
}
任何人都可以幫助解決問題嗎?