@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使用正确的字体。我检查过了，在不同的浏览器上都是相同的字母。

在firebug中查看，当我滚动字体文件url时，我可以看到整个字体，所以我的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;
}