CSS代码:@ font-face在IE8中不工作,但在Chrome,Firefox中工作?
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.ttf');
}
它在Chrome和Firefox的罚款。但不在IE8中。
当我添加.eot字体为IE在CSS
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.ttf');
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.eot');
}
其作品在IE8但不是在Chrome和Firefox。
如何让它在所有浏览器中都能正常工作?
编辑
试过字体松鼠。那也不起作用。
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.ttf');
src: url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.eot'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.eot?#iefix') format('embedded-opentype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.woff') format('woff'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.ttf') format('truetype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.svg#leb-webfont') format('svg');
}
这一个工作。
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.eot');
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.eot?#iefix') format('embedded-opentype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2.woff') format('woff'),
url('http://swaidanews.com/CMS/fonts-sky/sky2.ttf') format('truetype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2.svg#sky2-webfont') format('svg');
}
但我仍然不明白,字体是在“字体的天空”文件夹
sky2-webfont.woff
sky2-webfont.ttf
sky2-webfont.eot
sky2-webfont.svg
但是在CSS @字体面,我们使用的是简单的
sky2.woff
sky2.eot
sky2.svg
sky2.ttf
http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/的[CSS @字体面不工作IE8] – LorDex
可能重复(HTTP://计算器。 com/questions/7582401/css-font-face-not-working-in-ie8) – pasine
每个浏览器都有自己喜欢的字体类型。看看[Font Squirrel](http://www.fontsquirrel.com/tools/webfont-generator)来创建完美的@ font-face规则。 – pasine