有没有办法在我的网站中使用自定义字体文件？

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。

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