Google Web 字体 API 访谈
客户查询网整理 发布日期:2014/6/15 0:00:00

  对很多纠结于字体的 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

相关信息