有什么方法可以在我的网站中使用自定义字体文件吗？

Question

我可以使用@font-face，但它不适用于所有浏览器。

有什么方法可以在我的网站中使用自定义字体文件吗？

Answer 1

@font-face 规则应该适用于所有现代浏览器 - 甚至 IE6+。

诀窍是确保您拥有每个浏览器都适合的正确语法和字体格式。例如：

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PT_Sans-webfont.eot');
    src: local('☺'), url('fonts/PT_Sans-webfont.woff') format('woff'), url('fonts/PT_Sans-webfont.ttf') format('truetype'), url('fonts/PT_Sans-webfont.svg#webfontTrsHPjCJ') format('svg');
    font-weight: normal;
    font-style: normal;
}

请注意，我们有 EOT、WOFF、TTF 和 SVG 作为衡量标准。 Chrome和Firefox可以使用WOFF和TTF，IE使用SVG和EOT。

还要确保每个字体文件的位置设置正确。