Google免费提供:网页字体在线服务

发布:视觉前线 | 分类:视觉魅力 | 引用:0 | 浏览:

26 May 2010


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

文章略有修改,原文请见:http://www.google.org.cn/posts/google-font-directory-released.html


原创文章如转载,请注明:转载自视觉博客(SHJUE.COM) [ http://www.shjue.com/ ]

本文链接地址:http://www.shjue.com/post/40.html

1评论 - Google免费提供:网页字体在线服务

Avatar

icecream冰淇淋

2010-05-26 22:06:28

还没尝试呢,等在本地测试一下看看效果如何,不过谷歌的字体很丰富。

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于博客

视觉博客,关注互联网与艺术设计!
临渊羡鱼,不如退而结网!

我的图片

日历


控制面板

最近发表

最近留言