2013-03-15 107 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