2016-09-19 51 views
1

當我檢查在谷歌的字體預覽頁面的字體所有特殊字符都工作正常,但是當字體在一個網站中使用的一些字符都印有默認字體。 是否有任何的手段來得到字體的工作,以最充分的瀏覽器嗎?谷歌的字體網站工作的特殊字符,但網站是不是

這裏舉例:http://codepen.io/anon/pen/yaardm

@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC'); 
p{font-family: 'IM Fell DW Pica SC', sans-serif;} 
h1{font-family: 'IM Fell DW Pica SC', sans-serif;} 
... 
<p>These are working: a ö ä ø</p> 
<p>These are not: ā &#x101;</p> 

如果我在預覽輸入相同的特殊字符,它們都工作。該字符「一○○」可以在預覽框中這裏測試:https://fonts.google.com/specimen/IM+Fell+DW+Pica

回答

1

一位同事發現,我的角色是不是拉丁部分和字體不支持他們。該谷歌字體預覽會嘗試在後臺另一種字體,這就是爲什麼它看起來是工作。通過手動定義的字體,我得到了「Kahako A」因爲我想。

http://codepen.io/anon/pen/yaapKw

@font-face { 
    font-family: 'IM Fell DW Pica script=all rev=6'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(https://fonts.gstatic.com/l/font?kit=xBKKJV4z2KsrtQnmjGO17HM30v831NPLrMTMWjZhJsgljegwSeDbtiHKgT6kSuH8OhAwGXnQZ2fim__WzpJMvT-ot7WhoQNhxW9XSHPUr95hxaMfyGAgGEujUXva07BSgdd4-sq5HMlny4sZVjdTlXcwcWdsnk25xubTXmsZQe5_f2oRvW8cxG4bMB_YmvaR96xlbbE5D7Gw2o7jubnkMA&skey=2798f34675f18639&v=v6) format('woff2'); 
} 
... 
font-family: 'IM Fell DW Pica script=all rev=6', sans-serif;