css - IE8的字体问题

在IE8的网络开发过程中出现问题。该网站应支持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;
}

我该怎么办才能正确显示字体？

谢谢您的帮助。

最佳答案

看起来格式不正确

如果您的链接不在树上，则应为../而不是./。

另外，您还缺少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;
}

关于css - IE8的字体问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31533617/