IE8字体问题

Question

我在 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;
}

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

谢谢你的帮助。

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;
}

IE8字体问题

Font problems with IE8

css

font-face

internet-explorer-8