时间: 2010-05-21 / 分类: WEB后端编程 - 开发与实践 / 浏览次数: / 0 个评论 发表评论
在线使用特殊字体 Google网页字体服务启动
12条经典摄影技巧
CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
WEB前端开发中的一些编程风格和书...
项目前端开发的架构

目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用Photoshop把文字制作成图片。 为了让网页设计更加灵活,Google从2010年5月19日启动了网页在线字体服务,并一口气发布了十八字体族。但与 Monotype Web Fonts、FontShop 等字体商不同, 这次开放的字体与它其他很多服务一样,完全免费。

Google 目前提供的字体共有十八种,均为目前比较流行的免费字体,包括为 Android 而开发的 Droid 系列,被称为“Fonts for Scholars”的 Cardo,为代码印刷而设计的 Inconsolata,业余之作而不胫走红的 Yanone Kaffeesatz 等等,其中最能引人注目的是字体师 John Fell 设计的 IM Fell 。 

举个例子,如果你想 在你的网页中使用“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 

原文链接淘日本

      站点地图 | 关于我 | 返回顶部
    Copyright © 2001-2013 { amiku.cn | zhangshunjin.com }. Powered by 

    阿米酷

    张顺金


    浙ICP备11002820号-1