刚才在 twitter 上 @typekit 发布消息宣布 Typekit 开放注册，于是本来打算睡觉的我便决定速度一探究竟。
Typekit 公布也有一段时间了，但是看到网上被邀请测试的也都是老外，等到今日终于有机会亲自体验一番了。
传统的 Web 设计指定字体的方法都是在 CSS 中指定 font 或者 font-family 元素，客户端浏览器在本机上按 font-family 指定的字体列表依次检索，如果用户操作系统安装了其中某些字体，就采用定义在最左边的字体。这样带来的问题是，Web 设计师不能充分发挥自己的创意，展现自己的灵感，因为你需要的字体很有可能是用户操作系统中尚未安装的。他们只能使用被人们称为 Web 安全字体的各个操作系统中自带的一些字体。所以人们开始考虑，能不能把字体放在网上 (英文字体文件一般很小，不像中文字体动辄十几M，所以这里讨论的都不包括中文字体)，像在网页中引用图片一样引用它们，让客户浏览器访问网页的时候自动下载字体？
有兴趣的同学们也可以先看一下这篇文章：
Web fonts — where are we? via i love typography ( 中文版： 关于 Web 字体：现状与未来 )
是的，我们已经有了 sIFR 和 Cufón 这样的解决方案，但它们终究只是一种暂时的替代方案。而使用从 CSS2 时代就开始考虑的、并很有可能写进 CSS3 正式标准的 @font-face 来解决这一问题似乎是大势所趋。Typekit 可以工作在所有支持 @font-face 的浏览器上 ( Typekit 官方宣布的包括 Firefox 3.5+、Safari 3.4+ 以及 IE5+ )，以一种字体服务的方式引起了人们的关注。那就让我们来看一下，Typekit 究竟能做些什么吧！
在 http://typekit.com/ 上进行简单的免费版注册以后，Typekit 提示我们需要建立一个 Kit 。我们可以在每个 Kit 中定义一系列字体相关的信息，并在和每个 Kit 相绑定的若干个网站域名下使用 Typekit 的服务。
首先建立一个 Kit
Continue 以后，Typekit 会给出一段 JS 代码，我们需要把它们放在网站页面的<head>标签内。Continue 之后 Typekit 提示我们搞定了，可以开始挑选字体了。
挑选字体
我们可以看到，左边部分是一个字体列表，右边可以选择字体的分类、标签。我选择了添加了两种字体，分别是 Legitima 和 Report 。点击 Add 以后会出现一个 typekitEditor ，如下图。
typekitEditor
编辑器左侧可设置应用特定字体的 CSS 选择器，我将<h1>字体设为 Legitima ，把<p>字体设为了 Report 。下方还可以选择字体的多种粗细以及斜体的字体，并且可以为不支持 @font-face 的浏览器提供 fallbacks 。当然，以上设定的内容越多、选择的字体越多，最后生成的需要加载的 Kit 也越大，Typekit 会算出最终大小显示在页面底部。一切就绪后，按下 Publish ，Typekit 会提示需要等待一段时间进行部署。
让我们来看看最终结果吧：Demo
发现一个悲剧...在我的 Safari 4 下访问 Demo 页面会蓝屏...目前原因不明。敢于尝试的同学们请做好心理准备，保存好其它程序中尚未保存的内容。
Demo
Wow，在我使用的Firefox 3.5下效果非常棒，字体显示很完美。可访问性没有丝毫下降，所有文字都可以和普通文字一样进行选择、查找。
相比 sIFR 和 Cufón ，Typekit 的易用性显然要远远胜出，而且适用范围也比较大，也许它真的能带给 Web 设计一个新的 Font-as-a-Service 的时代。由于时间关系，Typekit 对 CSS 的支持、浏览器 fallbacks 之类的内容留待以后继续研究了。
10:55, 2009-11-11任平生 /
这个我拿到过测试资格不过对 chrome 支持没那么好，就没再注意过。。。
11:14, 2009-11-11Justice /
@任平生
那是因为 Chrome 还不支持 @font-face 吧... 要是写进 CSS3 的话，Chrome 以后肯定会支持的啊。
13:52, 2009-11-12任平生 /
@Justice 哦， Chrome 原来还不支持 @font-face 啊
04:56, 2009-11-15chisdy /
这个好，这个好，希望所以浏览器都支持，不用做图片那么麻烦了。
13:33, 2009-11-15Justice /
@chisdy
可惜中文字体还是无解啊~
03:14, 2009-11-16星网 /
我发现你的是骨骼浏览器，想问下骨骼浏览器好用吗？感觉怎么样？
11:04, 2009-11-16Justice /
@星网
明明是Firefox啊 =,=
00:29, 2009-11-17Sinnyn /
@星网
这是Firefox，用的是Naver主题。Chrome的脚本执行速度是最快的，现在处于高速迭代开发中，扩展中心即将上线。
11:13, 2009-11-17星网 /
@Justice
很囧。。。我看错了！没想到我竟然也犯这么低级的错误了。。。
11:18, 2009-11-17星网 /
@Justice
另外我想问下，你那个火狐怎么弄那么简洁的？怎么去掉：“文件 编辑 查看 历史 书签 工具 帮助”这些的？我怎么去不掉？
11:39, 2009-11-17Justice /
@星网
我装了个叫 Compact Menu 2 的插件，它会把菜单栏缩成一个下拉菜单，点最左边的那个地球按钮就可以了。