1 css cross-browser internet-explorer-8 internet-explorer-7
我不能让font-face工作的IE7和IE8.
我使用的代码是:
@font-face {
font-family: 'DroidSans';
src: url('fonts/DroidSans.eot');
src: url('fonts/DroidSans.eot?iefix') format('eot'),
url('fonts/DroidSans.woff') format('woff'),
url('fonts/DroidSans.ttf') format('truetype'),
url('fonts/DroidSans.svg#webfont1BSMunJa') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSans';
src: url('fonts/DroidSans-Bold.eot');
src: url('fonts/DroidSans-Bold.eot?iefix') format('eot'),
url('fonts/DroidSans-Bold.woff') format('woff'),
url('fonts/DroidSans-Bold.ttf') format('truetype'),
url('fonts/DroidSans-Bold.svg#webfont1BSMunJa') format('svg');
font-weight: bold;
}
@font-face {
font-family: 'Lobster';
src: url('fonts/Lobster.eot');
src: url('fonts/Lobster.eot?iefix') format('eot'),
url('fonts/Lobster.woff') format('woff'),
url('fonts/Lobster.ttf') format('truetype'),
url('fonts/Lobster.svg#webfont1BSMunJa') format('svg');
font-weight: normal;
font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)
我读过这些文章:
他们都说这个解决方案应该是跨浏览器兼容的:
浏览器兼容性:Safari,IE 6-9,IE 9兼容模式,Firefox,Chrome,iOS,Android,Opera
我究竟做错了什么?有没有人有这方面的经验?
我在这里测试一下:dev.holiday.ge/xhtml/
小智 5
我使用这个网站生成的.eot文件:http://fontface.codeandmore.com/ 有问题,即7-8没有拿起它们.我使用http://www.fontsquirrel.com/和字体加载,我的原始代码!
| 归档时间: |
|
| 查看次数: |
4746 次 |
| 最近记录: |