字體不適用於Chrome

Question

我正在處理一些前端項目，並且遇到了字體問題。字體是確定與Firefox，但使用Chrome看起來很醜，就像一個計時新聞羅馬..

下面是代碼是用來對字體導入我的薩斯項目：

@font-face { 
    font-family: 'aHeadline'; 
    src: local(' Headline'), 
    url('../fonts/headline.woff') format('woff'), 
    url('../fonts/headline.ttf') format('truetype'), 
    url('../fonts/headline.svg') format('svg'); 
    src: url('../fonts/headline.eot') format('embedded-opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 

這裏是一個活演示http://185.13.36.42/T/foo.html

注：該字體來自Font Squirrel webfont generator

Answer 1

只是一個小的語法變化。這會爲你工作：

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