对很多纠结于字体的 Web 设计与斥地者而言,昨天有关 Google Font API 的新 闻实在让他们欢乐了一回,这个很是简略合用的 API 包含了一套字体库和预览工具,连系 Google 与 TypeKit 连系斥地的开 源 WebFont 加载工具,Web 设计者们在本人的站点中援引共性字体变得垂手可得网站奉行。
Chris:
最坏的景象,假定你们托管的字体宕机,那些援引这些字体的站点会若何样?会操作替换字体,还是此外?
Raph:
是的,会操作替换字体,这只是个 CSS,设计者可以完整节制操作甚么字体。人们有各类各样的出处向我们进献字体,其中一个切当无疑的启事是,这会给他们带来更多流量来辅助他们卖更多收费字 体。不过,在任甚么时辰辰,那些专业字体商存在更高质量的字体。
Raph Levien 是一个字体设计师,设计了 Inconsolata 字体。还有很多人,仅仅是快活爱好设计字体,不论若何样,我们很有决定决定信心看到我们的开源字库愈来愈壮大。
Chris:
Google 为 Web 设计者们做了很多好工具,搜罗一些会占用他们大批带宽的工具,比方,操作他们的 CDN 汇集托管 JavaScript 库,答应我尖刻一点,这样做对 Google 到底有甚么好处?当然,这会让 web 字体更快,但一个更快的 Web 对 Google 有甚么好处?是为了从等分化对 Google 有用的数据信息吗?
Raph:
不过是为了让 Web 更快,更丰富。事实 上,Google Web 字体 API 就是 @font-face,你本人也能够实现,但 Google 的编制有有很多上风:
带宽(带宽由 Google 担当)
缓存(不异的字体必将在很多站点中已有缓存,浏览器可以直接从缓存中获得)
速度(Google CDN 加速汇集比绝大大都人的网站速度更快)
当然,加载 Google 的 CSS 文件是个额外的担当,不过你可以直接链接字体文件本人,甚至将字体下载到站点建造你本人的 SVG 版。此外,若是你想有更好的节制,可操作 WebFont 加载器,比方,当字体加载失败的时辰,你可操作 JavaScript 转变 CSS,我们还会和所有主流浏览器斥地商单干,改良 Web 字体体验。这个处事最好的处所是,就像我们托管 Ajax 库那样,由于很多站点都在操作这些处事,浏览器很轻易从缓存中找到已经加载过的工具,没需要每次都从头加载。
Chris:
一些免费或开源字体凡是为为它们的设计商充当广告的,对 Google 字体库而言,这是不是一个障碍?事实下场这些字体库保藏的都是受限制的字体。是以,很自然地,我们就谈到了一路。
Raph:
今朝为止,我们收到了很好的反响。我们的凋谢字体是很好的工具,但仍想有更多的字体可让用户操作,除此以外,我们还和其他重要字体商单干,包 括 Ascender汇集奉行。比方,Firefox 在加载 Google Web 字体的时辰,在 @font-face 加载完成之前,会先显示一个代用字体,等 @font-face 完整加载后,真实的字体味庖代阿谁代用字体,这会激发页面明灭, 且让人费解,WebFont 加载器可以解决这个问题问题。
Chris:
你们和 TypeKit 的单干很让人感乐趣,能说一说吗?
Raph:
TypeKit 在 Web 字体方面走得最远,我们很早就知道他们(事实上,Jeff Veen 曾在 Google 干过)。我们不汇集任何小我信息,我们的 Log 记实也仅仅是为了统计性能状态,并统计哪些字体受招待。
。
对于 WebFont 加载器,那是一段 JavaScript 剧本,用来加载字体,可以不用,但操作的话会带来额外的好处。Raph 也是 Google Web 字体 API 团队的成员,本文是对 Raph 的一次访谈。
Google Web 字体 API 的操作很是简略,只需从 Google 那儿何处链接一个 CSS 文件并 在你本人的 CSS 界说中援引字体名便可,这里有一个演示可以参考。此外,Google Web 字体 API 暂不撑持 iPhone 和 iPad。
信息网址:http://www.khcha.com/ziyuan/view10148.htm