Question

mozilla实验室的Bespin anouncement中的标题有一个非常漂亮的防褪色字体，其中包含css（不是标准字体）。谁知道他们是怎么做到的？

Bespin Embedded 0.6发布！现在有两种很棒的风格。

Answer 1

他们正在使用@ font-face指令。

@font-face {
    font-family: "MuseoSans";
    src: url(fonts/MuseoSans_500.otf) format("opentype");
}

然后您可以像在任何其他css规则中一样使用font-family。这只有几个浏览器支持，因为它是CSS3。

ALA有一篇关于CSS3和font-face here的精彩文章。

Answer 2

如果你看到css源代码，他们用外部字体文件

定义一个新的font-face

@font-face {
    font-family: "MuseoSans";
    src: url(fonts/MuseoSans_500.otf) format("opentype");
}

然后在css中使用新定义的族..

Answer 3