IE8

Question

我在IE8的webdevelopment期间遇到了问题。该网站应该支持IE8。字体无法正确显示。

我使用以下代码：

@font-face {  
  font-family: 'MyFont';
  src: url('./fonts/myfont/eot/Myfont.eot');
  src: url('./fonts/myfont/eot/Myfont.eot?iefix') format('eot'),
   url('./fonts/myfont/woff/Myfont.woff') format('woff'),
   url('fonts/myfont/ttf/Myfont.ttf') format('truetype'),
   url('./fonts/myfont/svg/Myfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

如果字体显示正确，我该怎么办？

感谢您的帮助。

Answer 1

看起来你没有正确格式化

如果您在树外连接，则应../而不是./。

你也错过了truetype的结尾。

eot应为embedded-opentype

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