这适用于OS X中的Chrome和Safari,但不适用于Firefox。我把这段代码放在我的CSS文档中:
@font-face {
font-family: 'HelveticaNeue-Light';
src: url('HelveticaNeue-Light.eot?') format('embedded-opentype'),
url('HelveticaNeue-Light.woff') format('woff'),
url('HelveticaNeue-Light.ttf') format('truetype'),
url('HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
}
h1 {
color: #000;
font: 2.7em/120% 'HelveticaNeue-Light';
}
h2 {
color: #000;
font: 2.2em/120% 'HelveticaNeue-Light';
}
与HelveticaNeue-Light.eot,HelveticaNeue-Light.woff,HelveticaNeue-Light.ttf和HelveticaNeue-Light.svg一起在同一个目录中。它不起作用。
该字体最初来自.dfont文件,我将其拆分为单独的ttf文件,然后我将Helvetica Neue Light转换为其中一个webkit字体转换器中的svg,eot和woff文件。可能是Firefox严格要求那些东西吗?