网页设计师如何使用GOOGLE在线字体 -pc6资讯

您的位置：首页 → 网页设计 → HTML/CSS → 网页设计师如何使用GOOGLE在线字体

网页设计师如何使用GOOGLE在线字体 时间：2010/5/30 11:46:53来源：本站整理作者：我要评论(0)

网页设计师如何使用GOOGLE在线字体：

为了让网页设计更加灵活，Google从2010年5月19日启动了网页在线字体服务，并一口气发布了十八字体族。但与 Monotype Web Fonts、FontShop 等字体商不同，Google 这次开放的字体与它其他很多服务一样，完全免费

目前网页上使用的字体都是常见的几种，如’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.在网页头部加入代码

2.在你的CSS样式表中加入

body {
font-family: 'Tangerine', serif;
font-size: 48px;
}

（注：这是让页面所有元素的字体都变成Tangerine，如果只想局部Tangerine字体只要改变CSS选择器就可以了！）

3.刷新查看效果！

好了简单吗？

相关视频

没有数据

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。