Question

这是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类型相关吗？

我如何确保自己的道路正确？

Answer 1

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

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

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

Answer 2

尝试使用Font Squirrel获取自定义字体的防弹CSS声明。

Answer 3

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

解决方案：您需要第二个字体 - 面部声明，其中包含font-weight: bold 或，您需要将h2元素设置为font-weight:normal和font-style: normal。

@ font-face无法在客户端站点上运行？

3 个答案: