Google网页字体在线服务启动
2016-06-02 13:01
435 查看
目前网页上使用的字体都是常见的几种,如’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.在网页头部加入代码
好了简单吗?如果想详细的了解Google在线字体的话,请到官方主页http://code.google.com/webfonts详 细使用方法http://code.google.com/apis/webfonts/docs/getting_started.html
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
相关文章推荐
- Google Earth中高级使用技巧(二)
- Google Earth中高级使用技巧(一)
- windows go开发环境(续)
- Dashgo D1硬件清单
- 实时推送道路上少走弯路---GoEasy推送
- Dashgo D1概述
- SPSS Modeler与Google地图的完美结合
- 实时推送道路上少走弯路---GoEasy推送
- django模型自动创建
- vagrant setup django vm
- 基于Dashgo的ROS版树莓派3的使用教程
- golang: Golang 并发模式:超时和继续 Go Concurrency Patterns: Timing out, moving on
- Go语言开发环境配置
- go server
- Django Model实例
- 愉快的logo设计
- Google stuff
- windows环境go开环境实例
- google code prettify 多款主题颜色及下载
- Google官方版下拉刷新控件SwipeRefreshLayout解析