『漫游』酷论坛>『漫游水世界』>转载|Google网页字体在 ..

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

sylphsigh@2010-05-21 09:19

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不被墙
引用

xuhe830725@2010-05-21 10:18

有微软雅黑么...
引用

sylphsigh@2010-05-21 11:03

雅黑是版权物,cpright MS社……

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

Venusxx@2010-05-21 11:06

签名很亮=v=
Google的那个在线font的服务很不错。
引用

tients@2010-05-21 11:11

从此以后调用google都会被统计吧,这一招太狠了
引用

sylphsigh@2010-05-21 15:53

回家就给博换纳米黑去,新浪们你们还eggcalm么
引用

56824419@2010-05-21 15:55

还是怕墙啊。。。。
引用

飞在天上的猪@2010-05-21 16:01

GOOGLE断了不少人的财路吖~~~~
引用

sylphsigh@2010-05-21 21:11

在线字体使用完毕。

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

调用起来没压力啊。

至于IE……

IE是啥?






补图
引用

月牙小狐@2010-05-21 23:45

这个能支持各种浏览器?
为了页面整齐估计还是会选默认就有的字体……
引用

sylphsigh@2010-05-21 23:47

引用
最初由 月牙小狐 发布
这个能支持各种浏览器?
为了页面整齐估计还是会选默认就有的字体……
你的默认就有,是指的Windows默认就有的么。

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

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

月牙小狐@2010-05-22 00:04

引用
最初由 sylphsigh 发布
你的默认就有,是指的Windows默认就有的么。

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

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


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

sylphsigh@2010-05-22 00:09

引用
最初由 月牙小狐 发布


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

IE8已经在努力学乖了
引用

月牙小狐@2010-05-22 00:12

引用
最初由 sylphsigh 发布
那就简单多了,用标准语法就行了……

IE8已经在努力学乖了


其实字体问题可以退而求其次……最内伤的是不少代码除了IE以外的浏览器都显示不了…………||| 所以现在啥特效都没心思做了
引用

sylphsigh@2010-05-22 00:13

引用
最初由 月牙小狐 发布


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



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


«12»共2页

| TOP