2013-03-15 91 views
0

我几乎完成了我的网站,但IE8有一个小问题...
我使用了FutureStd Medium字体的@ font-face,并且每个浏览器,但IE8设法挑选出来。IE8没有拿起我的@ font-face

我已经尝试了所有在网上提供的技巧&,但没有运气。

  • 更换'"
  • 的地方,包括在<body>的样式表而不是在<head>
  • 让不同发电机产生.eot文件

这是我的CSS:

@font-face { 
    font-family: "CustomFutura"; 
    src: url("fonts/FuturaStd-Medium.eot"); /* IE9 Compat Modes */ 
    src: url("fonts/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"), 
     url("fonts/FuturaStd-Medium.woff") format("woff"), 
     url("fonts/FuturaStd-Medium.ttf") format("truetype"), 
     url("fonts/FuturaStd-Medium.svg#svgFontName") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 

如果它可能有帮助this is the link to the site ...

我还能做什么才能让这个东西在IE8中工作?

+0

,请查看是否有助于http://stackoverflow.com/questions/7582401/css-font-face-not-working-in-ie8 – 2013-03-15 15:17:40

回答

1

尝试以下操作:

@font-face 
{ 
    font-family: 'CustomFutura'; 
    src: url('fonts/FuturaStd-Medium.eot'); 
    src: url('fonts/FuturaStd-Medium.eot?iefix') format('eot'), url('fonts/FuturaStd-Medium.woff') format('woff'), url('fonts/FuturaStd-Medium.ttf') format('truetype'), url('fonts/FuturaStd-Medium.svg#svgFontName') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
+0

感谢您的建议,但没有运气......唯一改变的是'#'被遗漏了,''embedded-opentype''变成了''eot'',对吧? – Michiel 2013-03-15 13:44:18

+0

是的没错,我只是复制了一个可用的字体,并使用了你的文件名和位置...... – 2013-03-15 13:45:31

+0

它在IE8中与你一起工作吗? – Michiel 2013-03-15 13:46:37