使用Google免费在线网页字体服务

2010-09-21 11:28:38来源:作者:

目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial,  Sans-Serif,中文常见的有宋体等。如果要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用

目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体等。如果要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用 Photoshop把文字制作成图片。

为了让网页设计更加灵活,Google从2010年5月19日启动了免费网页在线字体服务,提供了十八种字体。

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

关键词:Google字体

赞助商链接: