0

我有一个 CSS 文件/css和/images. 我的 CSS 代码使用@font-face，它适用于 IE8、IE9 和所有不错的浏览器，但显然不适用于 IE7。

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

h1, h2, h3 {
    font-family: ChunkFiveRegular, Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

为什么文本仍然显示为格鲁吉亚？

4

2 回答 2

1

如果你的字体在/images，你需要使用/images，而不是/image。也就是说，您的字体属于/css; 字体不是图像。

此外，根据Paul Irish 的文章，'eot'应该比'embedded-opentype'（未经测试）更好。

于 2012-07-17T14:49:18.070 回答
0

http://www.thecssninja.com/demo/css_fontface/

@font-face {
font-family:InYourFace;
src: url('Ubuntu-B.eot');
// this smile and ? fix your problem
// because IE don't wanl load local font without this hack
src: url('Ubuntu-B.eot?') format('☺'),  
    url('Ubuntu-B.woff') format('woff'),
    url('Ubuntu-B.ttf') format('truetype'),
    url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}
于 2012-07-17T09:50:50.553 回答