2013-06-22 204 views
2

我從font squirrel website下載了Webfont套件(用於Quicksand字體);我試圖用新的字體顯示Erd ö這個詞;使用HTML條目ö,但似乎並不奏效。符號在自定義字體中顯示不正確

看着the list of glyphs for that font (Quicksand);我可以看到他們有字母o(大寫字母和小寫字母),上面有兩個點。

這裏是我得到:(使用正確的字體)

enter image description here

如上圖所示,正確顯示其他字母;但不是有兩個點的o!

這裏是我的HTML代碼:

<h1 id="erdos">Erd&ouml;s</h1> 

如果我在css文件中指定erdos使用該字體!

編輯:我張貼更多的信息/代碼有關的問題:

我從same pageWebfont Kit標籤下載Webfont Kit

CSS:

@font-face { 
    font-family: 'QuicksandLight'; 
    src: url('fonts/Quicksand/Quicksand_Light-webfont.eot'); 
    src: url('fonts/Quicksand/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/Quicksand/Quicksand_Light-webfont.woff') format('woff'), 
    url('fonts/Quicksand/Quicksand_Light-webfont.ttf') format('truetype'), 
    url('fonts/Quicksand/Quicksand_Light-webfont.svg#QuicksandLight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1#erdos { 
    margin-top: 0; 
    margin-bottom: 0; 
    font-family: quicksandlight; 
} 

我測試的輸出在兩個鉻27.0和Firefox 21.0

鉻的輸出:

enter image description here

火狐的輸出是:

enter image description here

+0

您是否嘗試過使用Ö替代或ö小寫 –

+0

@DominicGreen:我剛剛做過;我仍然得到相同的結果! – Thuglife

+0

頁面上引用的列表不包含字母「ö」。你是否引用了錯誤的頁面? –

回答

1

論FontSquirrel的Webfont Kit頁面,則需要選擇下拉「別子集」「選擇一個子集:」。默認是「英文」,這顯然意味着只包含Ascii字母。

+0

你完全正確:) – Thuglife

+0

其實它只在Chrome中起作用:( - 它不能在Firefox中工作!我仍然得到相同的結果! – Thuglife

+1

@ Thuglife,它可能是一個緩存問題。如果清除緩存沒有幫助,用不同的命名字體文件測試。 –

相關問題