阿米酷 – WEB编程和WEB设计经验技巧 生活影集、电影感想和日常摄影的收藏记录

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

举个例子，如果你想 在你的网页中使用“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 

原文链接淘日本

相关链接 >>

• 2010-03-24 -- Google中国终于离去了 (0)
• 2009-02-07 -- Google PR劫持 (0)
• 2008-09-04 -- Google Chrome – 谷歌浏览器第一天的手感试用 (0)
• 2008-08-12 -- 试用Google Music (2)
• 2008-07-29 -- Plurk.com：基于时间轴的可视化微博客服务 (0)
• 2008-05-10 -- Linux下的Wine中文对话框字体乱码的解决方案 (0)
• 2006-01-15 -- 走过 Google 2005年 (0)
• 2005-05-20 -- 如何使用11px及10px的清晰汉字 (0)
• 2004-06-08 -- 在web网页中使用远程字体下载 (0)