搜索 社区服务 统计排行 帮助
  • 2305阅读
  • 18回复

转载|Google网页字体在线服务,设计师的福音

楼层直达
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
— 本帖被 sakuraahn 执行锁定操作(2012-07-07) —
2010年5月21日阅读评论发表评论23
感谢读者 淘日本 的投递和翻译。

目前网页上使用的字体都是常见的几种,如’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.刷新查看效果!

好了简单吗?

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

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









fm 谷奥
http://www.google.org.cn/posts/google-font-directory-released.html




这个功能貌似很好用= =

前提是你家的google不被墙

级别: 精灵王
注册时间:
2008-09-08
在线时间:
55小时
发帖:
1971
只看该作者 1楼 发表于: 2010-05-21
有微软雅黑么...

http://img216.imageshack.us/img216/9565/70z5ft.gif
http://img216.imageshack.us/img216/778/esj5p0.gif
http://img134.imageshack.us/img134/8971/2401805photo64ck3.gif
这样就不会卡了吧...
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
只看该作者 2楼 发表于: 2010-05-21
雅黑是版权物,cpright MS社……

PS,DROID的字体,貌似就是纳米黑吧,也是极其漂亮的字体

级别: 光明使者
注册时间:
2006-07-05
在线时间:
25小时
发帖:
3269
只看该作者 3楼 发表于: 2010-05-21
签名很亮=v=
Google的那个在线font的服务很不错。

级别: 光明使者
注册时间:
2006-05-13
在线时间:
4小时
发帖:
15888
只看该作者 4楼 发表于: 2010-05-21
从此以后调用google都会被统计吧,这一招太狠了

NA
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
只看该作者 5楼 发表于: 2010-05-21
回家就给博换纳米黑去,新浪们你们还eggcalm么

级别: 光明使者
注册时间:
2002-12-02
在线时间:
3629小时
发帖:
12559
只看该作者 6楼 发表于: 2010-05-21
还是怕墙啊。。。。

来た、見た、勝った!

「花は桜木、人は武士」——一休宗純

燃えましょう!不死鳥!

俺は自分の戦争を始めた、俺は刀だ、俺の敵を必ず一刀両断にする。

昔は空を自由に飛ぶ鳥だったが、翼に矢を受けてしまってな...

小楼春雨伊人,清风樱舞留香。

免费VPN,支持android,如无法访问请先使用Hotspot Shield
http://tenacy-free.com/

Blog
http://www.wujunjie.me

为了防止某些想法被遗忘,也为了便于整理,会贴些疯言疯语——拒绝跨省~O~
级别: 光明使者
注册时间:
2006-04-20
在线时间:
863小时
发帖:
21249
只看该作者 7楼 发表于: 2010-05-21
GOOGLE断了不少人的财路吖~~~~

最初由 hyeva001 发布
不要把自己对别人的关心当作一种要求别人的筹码。

本命——无
供奉——盐泽,飞田,佐佐木
旧爱——石田,速水
新欢——铃村,福山,铃达

http://bbs.guoxue.com/?fromuid=147445
当白天再一次把黑夜压倒在床上的时候,太阳就出生了
所有的战争都是因为自以为的正义而起,但真正的正义是——不要轻易改变别人生活的方式
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
只看该作者 8楼 发表于: 2010-05-21
在线字体使用完毕。

墙外人士可以使用非IE浏览器去fc2.sylphsigh.cn看英文部分……

调用起来没压力啊。

至于IE……

IE是啥?






补图

级别: 风云使者
注册时间:
2004-11-18
在线时间:
14小时
发帖:
9015
只看该作者 9楼 发表于: 2010-05-21
这个能支持各种浏览器?
为了页面整齐估计还是会选默认就有的字体……
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
只看该作者 10楼 发表于: 2010-05-21
引用
最初由 月牙小狐 发布
这个能支持各种浏览器?
为了页面整齐估计还是会选默认就有的字体……
你的默认就有,是指的Windows默认就有的么。

XP和vista的宋体就不一样又怎么算,至于linux等系统,更是用的不是宋体。

支持各种浏览器吧。前提是对css的版本支持就行。IE6不行,没办法。

级别: 风云使者
注册时间:
2004-11-18
在线时间:
14小时
发帖:
9015
只看该作者 11楼 发表于: 2010-05-22
引用
最初由 sylphsigh 发布
你的默认就有,是指的Windows默认就有的么。

XP和vista的宋体就不一样又怎么算,至于linux等系统,更是用的不是宋体。

支持各种浏览器吧。前提是对css的版本支持就行。IE6不行,没办法。


OS默认的几种,WINDOW和MAC都要考虑到啊,宋体仅仅是针对中文排版的保守选择吧……
其实网页选字体还是在于排版的整体效果、行距是否美观等几个基础要素,比起冒险用一些新字体做默认,还是选择些折中的保守字体比较好
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
只看该作者 12楼 发表于: 2010-05-22
引用
最初由 月牙小狐 发布


OS默认的几种,WINDOW和MAC都要考虑到啊,宋体仅仅是针对中文排版的保守选择吧……
其实网页选字体还是在于排版的整体效果、行距是否美观等几个基础要素,比起冒险用一些新字体做默认,还是选择些折中的保守字体比较好
那就简单多了,用标准语法就行了……

IE8已经在努力学乖了

级别: 风云使者
注册时间:
2004-11-18
在线时间:
14小时
发帖:
9015
只看该作者 13楼 发表于: 2010-05-22
引用
最初由 sylphsigh 发布
那就简单多了,用标准语法就行了……

IE8已经在努力学乖了


其实字体问题可以退而求其次……最内伤的是不少代码除了IE以外的浏览器都显示不了…………||| 所以现在啥特效都没心思做了
级别: 风云使者
注册时间:
2003-04-03
在线时间:
21小时
发帖:
8173
只看该作者 14楼 发表于: 2010-05-22
引用
最初由 月牙小狐 发布


其实字体问题可以退而求其次,IE以外的浏览器很多代码都显示不了…………||| 所以现在啥特效都没心思做了



噗。这句话真的我没话说了= =