通常当您需要在网站或应用程序中使用在线字体,尤其是用于 logo 或标题之前,就已经知道要用到哪些字母了。因此 Google Web Fonts API 增加了一项测试功能“text=”,允许指定需要的字符。用法很简单,只需在 Google Web Fonts API 请求中添加“text=”参数即可。例如:
<link
href='http://fonts.googleapis.com/css?family=Special+Elite&text=MyText'
rel='stylesheet' type='text/css'>
Google 的服务器将根据该参数的内容提供经优化的在线字体。例如如果您的 logo 只需要很少几个字母,如“MyText”,Google 将返回针对这几个字母优化过的字体文件。通常 Google 服务器返回的字体文件只包含您请求的字母,但有时为了增强缓存性能,Google 可能会返回更为完整的字体文件。
“text=”参数能够显著减小网络字体文件的尺寸。在初步测试中,如果只用到很少的字符,网络字体的体积能从 35k 削减到仅仅 5k(或更小)。如果您参数中的字符串较长,可以通过移除重复字符来缩短请求 url 的长度,而且字符串中字符的顺序不会影响字体的使用。
该功能的效果在连接速度有限的移动设备上更能得到体现。使用“text=”参数可让用户的加载体验更好更快。
这项功能对国际字体同样有效(子斌泪流满面)。无需同时指定“subset=”参数,因为“text=”就能获取原始字体中的所有字符。如需获取 Unicode 字符,请采用 url 编码 UTF-8 字串转义的标准方法,如 ¡Hola! 转义为:text=%c2%a1Hola!。
via Google Web Fonts
感谢读者 hgk 的提醒。
长久以来,大家在 web 上看到的字体种类是非常有限的,这是因为网站设计者为了兼容性只能使用大部分用户电脑上安装过的字体。而随着技术的不断改进,较新的浏览器都已经支持了 web 字体,web 字体不同于传统字体文件,无需安装到用户的电脑上,而是在用户载入页面时同时下载并显示。今年5月 Google 就曾发布 Google Font API 帮助设计者更容易的调用 web 字体,而最近他们也给 Google Docs 加入了六种新的 web 字体的支持,其中包括三种衬线、三种无衬线字体。
遗憾的是这些字体目前不支持中文等字符,所以如果你在使用中文版 Google Docs 的话,需要在“文件”中将语言设置为英文才能看到新增的字体。点击这里查看现在支持的语言列表。另外 Google Docs 团队还表示,这六款字体只是一个开始,他们会在未来给 Google Docs 带来更多字体的支持。
via docsblog

我们曾经报道过Google Font Directory这个网页字体在线服务,今天Google Font Directory又加入了新功能,在嵌入代码之前,你可以编辑示例文字,改变文字大小和间距,增加阴影或下划线,预览到字体的真实样式。
在Google Font Directory里你可以浏览所有Google Font API里带有的字体,所有字体都具备开源授权可用于你自己的网站,而且Google的服务器可以为你保存这些字体。
现在Google不仅可以为你提供绘图API、流行Javascript库、feed处理、显示地图、自定义搜索,还可提供在线字体了,具体使用方法请看之前的报道。
Via GOS
感谢读者 淘日本 的投递和翻译。
目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。
要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用Photoshop把文字制作成图片。
为了让网页设计更加灵活,Google从2010年5月19日启动了网页在线字体服务,并一口气发布了十八字体族。但与 Monotype Web Fonts、FontShop 等字体商不同,Google 这次开放的字体与它其他很多服务一样,完全免费。
Google 目前提供的字体共有十八种,均为目前比较流行的免费字体,包括为 Android 而开发的 Droid 系列,被称为“Fonts for Scholars”的 Cardo,为代码印刷而设计的 Inconsolata,业余之作而不胫走红的 Yanone Kaffeesatz 等等,其中最能引人注目的是字体师 John Fell 设计的 IM Fell 字体。
我想每个网页设计师都会觉得这是个好消息,又一个来自Google的福音吧!
想使用它们吗?使用这些字体无需付费,也不必注册,只需要做简单的几步,举个例子,如果你想在你的网页中使用“Tangerine”这种字体:
1.在网页头部加入代码
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
2.在你的CSS样式表中加入
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
(注:这是让页面所有元素的字体都变成Tangerine,如果只想局部Tangerine字体只要改变CSS选择器就可以了!)
3.刷新查看效果!
好了简单吗?
如果想详细的了解Google在线字体的话,请到官方主页http://code.google.com/webfonts
详细使用方法http://code.google.com/apis/webfonts/docs/getting_started.html