5

这是 CSS 代码

@font-face {
    font-family: 'FuturaStdBook';
    src: url('site/font-face/futurastd-medium-webfont.eot');
    src: local('☺'), url('site/font-face/futurastd-medium-webfont.woff') format('woff'), url('site/font-face/futurastd-medium-webfont.ttf') format('truetype'), url('site/font-face/futurastd-medium-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2 {font-family:'FuturaStdBook', sans-serif}

它可能与mime类型有关吗？

我怎样才能确保我的道路是正确的？

4

3 回答 3

17

如果您使用的是 IIS，则需要为 .eot 扩展名注册 MIME 类型。

  1. 在 IIS 管理器的 IIS 部分中，打开 MIME 类型配置
  2. 在“操作”下，单击“添加...”
  3. .otf在扩展名框中输入，然后application/octet-stream在 MIME 类型框中输入。
  4. 点击确定

您需要为您使用的每个非标准扩展（.ttf已注册，.woff未注册）执行此操作，但应该这样做！

于 2010-05-05T03:01:08.803 回答
2

Try using Font Squirrel to get a bullet-proof CSS declaration for your custom font.

于 2010-04-26T15:54:21.440 回答
1

问题是你的字体声明的定义font-weight和中的定义。font-style由于默认情况下元素以粗体h2定义，因此这些元素不考虑 font-face 声明（因为浏览器认为，字体文件仅用于正常加权权重，这很可能是正确的）。

解决方案：您需要第二个 font-face 声明，font-weight: bold或者将h2 元素设置为具有font-weight:normaland font-style: normal。

于 2010-04-26T15:13:40.520 回答