IE9中这些@font-face字体有什么问题?

Question

由于某种原因，当我在IE9中查看这个页面时，所有的@font-face字体看起来都比它们应该的小得多，可能也像一种不同的字体。据我所知，我的语法应该与IE9兼容。其他人也遇到了同样的问题，所以可能是我的Windows字体设置有问题?无论哪种方式，如果你想尝试复制我所看到的，我在Windows 7 64位上运行IE9。

编辑:我不确定这是页面的问题，还是我的浏览器的问题。不管怎样，我都需要把它修好。

Answer 1

在IE9中看起来和其他浏览器一样，没有一个使用嵌入式字体，因为它的名字不同(HelveticaMD vs实际名称在CSS中使用，Helvetica .)

看起来你的"错误"截图是浏览器试图实际使用嵌入字体，而"正确"的截图只是默认字体。如果这是你想要的，只要去掉字体嵌入的东西。

Answer 2

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

使用例子:

@font-face {
   font-family: MyFont;
   src: url(http://mysite/fonts/MyFont.ttf)
      format("embedded-opentype");
 }
 p {font-family: MyFont, serif;
 }

Answer 3

。woff在IE9中解决了这个问题。我已经使用。eot为chrome &firefox。IE9的。woff。现在这3个浏览器工作正常，显示相同的结果。下面是CSS中的代码。@font-face {font-family: 'cert_fonts';src: url('../fonts/GoudyTrajan.eot') format('eot');src: url('../fonts/GoudyTrajan.woff') format('woff');粗细:正常;字体样式:正常;}