有没有一种方法可以在网站上添加一些自定义字体，而不使用图像，Flash或其他图形?
例如，我在一个婚礼网站上工作，我为这个主题找到了很多漂亮的字体。但是我找不到在服务器上添加那种字体的正确方法。我如何将CSS字体包含到HTML中?如果没有图像，这可能吗?
当前回答
我发现在网站上使用非标准字体最简单的方法是使用sIFR
它确实涉及到包含字体的Flash对象的使用，但如果没有安装Flash，它会很好地降级为标准文本/字体。
样式在CSS中设置，JavaScript为文本设置Flash替换。
编辑:(我仍然建议使用非标准字体的图像，因为sIFR会增加项目的时间，并且可能需要维护)。
其他回答
我做了一些研究，找到了动态文本替换(发布于2004-06-15)。
这项技术使用图像，但它似乎是“解放双手”。您编写文本，然后让一些自动脚本在页面上自动执行查找和替换操作。
它有一些限制，但它可能是我所见过的最简单的选择之一(而且更兼容浏览器)。
您可以通过谷歌Web字体添加一些字体。
从技术上讲，字体驻留在谷歌，您可以将它们链接到HTML标头中。然后，你可以在CSS中使用@font-face(阅读它)自由使用它们。
例如:
在<head>节中:
<link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
然后在CSS中:
h1 { font-family: 'Droid Sans', arial, serif; }
这个解决方案似乎相当可靠(甚至Smashing Magazine也用它作为文章标题)。然而，目前谷歌字体目录中可用的字体并不多。
它看起来只适用于ie浏览器，但是在谷歌上快速搜索“html嵌入字体”会得到http://www.spoono.com/html/tutorials/tutorial.php?id=19
如果你想保持平台无关性(你应该!)，你就必须使用图像，或者使用标准字体。
简单的解决方法是在CSS中使用@fontface
@font-face {
font-family: myFirstFont;
src: url(fileLocation);}
div{
font-family: myfirstfont;}
这可以通过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-Fonts (TTF)， Web Open Font Format (WOFF)或Embedded Opentype (EOT)，所有常规浏览器都支持它。
