这里使用什么字体技术？

在我参加此活动（http://worldtour.fogcreek.com/）时，我注意到该页面的左上角具有Address部分的自定义字体（即“ Fog Creek Software 55 Broadway Fl 55 ....”）。当我查看源代码时，我无法真正确定他们在做什么，但它满足以下条件：

1. 与IE 7,8（和所有其他浏览器）兼容
2. 允许您使用所需的任何字体
3. 是基于文本的，即没有闪光灯，图像等。因此，它更适合SEO和索引等。

那么他们在这里使用什么技术呢？

他们正在使用这项@font-face技术。通过使用各种文件和一些伪浏览器检测，它们能够在所有浏览器中一致地提供字体。使用：

• Webkit，Gecko和Opera的True Type和WOFF
• EOT for Internet Explorer
• 适用于iOS的SVG

由于CSS的结构方式，它将检查字体是否在本地可用，如果不是，则为IE，它将使用EOT而不加载其他内容。如果不是IE，它将加载所需的字体。

查看Font Squirrel以获得更多信息和@ font-face套件以及@ font-face字体和CSS的生成器。

它们还使用text-shadow接近文本的颜色。这会对文本产生模糊效果。

该网站使用一种称为WOFF（世界开放字体格式）的字体技术。目前正在根据W3C的建议对其进行标准化。它使字体可以直接嵌入网页中。

http://en.wikipedia.org/wiki/Web_Open_Font_Format

阅读。似乎是一个非常有趣的概念，尽管它是在去年起草的，但开始被广泛接受。

另外，请查看Google的字体目录，这是开始使用不被视为“网络安全”字体的好方法。基本上，您要做的就是在使用该链接的css之前在目录中添加一个链接标记为正确的字体。Google将通过用户代理确定浏览器，并将吐出所需的字体CSS。然后，您可以在“字体家族”属性中使用该字体。

这是快速入门指南：http : //code.google.com/apis/webfonts/docs/getting_started.html