Web font 的使用问题和字体的选择。

Typography Sites

› Type is Beautiful

This topic created in 5270 days ago, the information mentioned may be changed or developed.

最近在找Web font，开始是在MyFonts上直接下载字体的Web font版的文件。
发现google的全部字体都在chrome下发虚，后来就找到
Adelle Web https://typekit.com/fonts/adelle-web

同时找到Typekit上的Museo https://typekit.com/fonts/museo 和 Angie STD Sans https://typekit.com/fonts/angie-std-sans 效果都不错，但那是Typekit的服务不怎么好用，在内地访问内地的速度很慢而且调整也不好调整，不支持本地站点只能在设定的网站直接调整。免费帐户可以在一个站点上最多使用两款字体。
而现在只有Typekit能提供Adelle Web。很无奈。

不知道大家用到Web font时候用什么方式？

Web

font

字体

3 replies • 1970-01-01 08:00:00 +08:00

sparanoid

Jan 10, 2012

1. 用 WebFont Loader： https://github.com/typekit/webfontloader
不要参考 Google Code 上的那个文档，它里面的代码稍微有点问题。WebFont Loader 支持第三方字体，文档里面有例子。这种载入方法可以解决字体未载入完成时的 FOUT（Flash of unstyled text）问题。具体可以参考 Paul Irish 的几篇文章。Typekit 用的就是这种方法。（Typekit 的具体做法是把字体直接 base64 在 CSS 里面）

2. 如果字体体积小数量少，可以考虑直接 @font-face 载入，只在标题上应用的话问题不大

注：Typekit 用的是 EdgeCast 的 CDN，在国内的速度算是不错的了，如果觉得慢可以试试自己反向代理（未测试）

Kaiyuan

Jan 11, 2012

@sparanoid 主要是typekit在内地延时太高。http快一点，https的话就Resolve达到4位数。不过奇怪的是用了webfontloader则瞬间载入完成。

Kaiyuan

Jan 11, 2012

原来瞬间载入是因为我开了VPN。