Google网页字体在线服务

目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用Photoshop 把文字制作成图片。 为了让网页设计更加灵活,Google从2010年5月19日启动了网页在线字体服务,并一口气发布了十八字体族。但与 Monotype Web Fonts、FontShop

目前网页上使用的字体都是常见的几种,如’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\”>

然后,在你的CSS样式表中加入类似:

  1. body {
  2. font-family: \’Tangerine\’, serif;
  3. font-size: 48px;
  4. }

上面是让页面所有元素的字体都变成Tangerine,如果只想局部显示Tangerine字体只要改变CSS选择器就可以了!

如果想详细的了解Google在线字体的话,请到官方主页http://code.google.com/webfonts

详 细使用方法http://code.google.com/apis/webfonts/docs/getting_started.html

原文来自淘 日本

竟然不知道Google还有这么一项服务,不过很可惜没有中文字体,因为大部分漂亮的中文字体都不是免费的,另外中文字体文件也比英文字体体积大了许多…

原创文章,作者:知更鸟,如若转载,请注明出处:https://www.davidwu.net/archives/520

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code