@ font-face onle影響某些字符

Question

使用自定義字體構建網站。得到了來自設計師的.ttf文件。

CSS是這樣的：

@font-face{ 
font-family:MenuFont; 
src: url("http://www.website.com/assets/fontfile.ttf"); 
} 

.divClass{font-family:MenuFont;} 

我和他給了我一對夫婦不同的字體文件嘗試。其中一個根本沒有出現。更奇怪的是，其中幾個隻影響某些字母。例如，插入一個文件只產生O，R的C和P使用正確的字體。我檢查過，它是跨瀏覽器的相同字母。

看着螢火蟲，我可以看到整個字體，當我滾動字體文件url時，所以我的網址都很好，瀏覽器正在獲取字體。

我在這裏錯過了什麼？

Answer 1

使用FontSquirrel生成正確的font-face代碼和所有需要的字體。請參閱：http://www.fontsquirrel.com/fontface/generator

您將獲得更多擴展兼容font-face聲明。像這樣：

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