在@ font-face中，声明格式有什么作用？

Question

例如，在我发现here的@fontface声明中，CSS有format('truetype')表示它是.tff。但是在我的节目中，有和没有没有区别。

font-face {
    font-family: 'DroidSerif';
    src: url('DroidSerif-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

Answer 1

format用于帮助浏览器了解字体格式，如果它无法自动推断它。

现代浏览器会喜欢字体扩展名（在您的情况下为.ttf）或可能是mime-type，并自动推断它而无需明确指定格式。

您今天需要它的唯一原因可能是您使用的是非标准文件扩展名，或者根本没有扩展名，或者可能没有使用正确的mime类型。