如何在网站上添加一些非标准字体？

Question

有没有一种方法可以在网站上添加一些自定义字体而不使用图像，Flash或其他图形？

例如，当我在一个婚礼网站上工作时，发现该主题有很多不错的字体。但是我找不到在服务器上添加该字体的正确方法。以及如何将CSS中的字体包含在HTML中？没有图形就可以做到吗？

Answer 1

这可以通过CSS完成：

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

如果您使用TrueType字体（TTF）或Web开放字体格式（WOFF），则所有常规浏览器均支持该功能。