0

使用自定义字体构建网站。从设计师那里得到 .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 时,我的 Url 很好,浏览器正在获取字体。

我在这里想念什么?

4

1 回答 1

1

font-face使用 FontSquirrel生成正确的代码和所有需要的字体。见: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;
}
于 2012-07-19T16:14:52.073 回答