如果你使用的是不会经常改变的标题和花哨的页面元素的字体，我会使用Photoshop中的图像。
如果你想在正文中使用字体，我建议你在css中定义一个字体家族。我会找到你想在你当前的操作系统上使用的字体，如果它是你找到并下载的字体，最终用户可能不会有它。如果它是一个系统字体或一个主要的软件应用程序，如ms word附带的字体，那么它很有可能在最终用户的机器上可用。一旦你找到了你想使用的字体，我会做一点研究，看看你是否能找到类似的Mac风格，甚至Unix风格。

body
{
font-family:"DejaVu Sans","DejaVu Sans Mac Name","DejaVu Sans Unix Name","Times New Roman"
}

它总是好的使用备份字体，你知道将工作在任何人的机器上，浏览器将选择最适用的列表中的第一个字体开始，工作的方式，直到它找到一个匹配。

您可以将TTF字体文件嵌入到CSS中。
一个很好的例子是here：

/* DejaVu Sans 2.24
   http://dejavu.sourceforge.net/wiki/index.php/Main_Page */
@font-face {
    font-family: "DejaVu Sans";
    src: url("data:application/octet-stream;base64,[BASE-64-ENCODED-FILE-CONTENTS]")
}

编辑：

注意：这只适用于Firefox，可能也适用于Chrome。
微软已经发布了一个document关于如何使用Embedded OpenType将字体嵌入到网页中。它包括将字体转换为EOT文件，然后使用以下语法在样式表中引用它：

@font-face {
    font-family: Piefont;
    font-style:  normal;
    font-weight: normal;
    src: url(PIE0.eot);
}

(This从官方在线演示here中提取）。
根据下面Boldewyn的回答，我敢打赌您也可以在src:参数中使用TTF文件。

我倾向于在我的个人网站上使用@font-face。但这取决于你为什么这么做。
首先是问题。这是静态文本还是我们在谈论帖子标题等。
如果是静态文本，如主标题，则使用图像。
<h1><strong>Same text as the image(seo)</strong></h1>
并在css h1 {background：url（/images/use-the-text-as-image-name-for-seo.png）no-repeat左上方; width：100px; height：30px;} /* width和height为图像width / height / h1 strong {position：absolute;左：-8000px;}/ 确保文本不显示在图像上，但不隐藏它用于seo/屏幕阅读器的目的 */
如果你谈论的是需要动态的东西，你需要的不仅仅是优雅的降级，那就用sIFR。如果可接受适度降级，则使用@font-face

添加@font-face支持者：Paul Irish发布了这个CSS声明的一个版本，它可以在所有较新的浏览器以及IE5.5以下的所有IE中工作。但是，您需要同时使用TTF和EOT格式的字体才能使用此技术。
如果字体的许可证允许这样做，那么有很多工具可以在格式之间来回转换。谷歌一下就知道了。