天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>软件应用>使用Google免费在线网页字体服务

使用Google免费在线网页字体服务

天极网软件频道2010-09-14 14:46我要吐槽

  更多精彩相关文章推荐:

  将Illustrator设计的字体转到

  平面设计欣赏:英文字体创意设计作品欣赏

  雅黑字体对IE显示网页布局的影响

  正确使用字体和颜色 让网页内容更易阅读  

点击查看更多设计软件资讯>>

  目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体等。如果要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用Photoshop把文字制作成图片

  为了让网页设计更加灵活,Google从2010年5月19日启动了免费网页在线字体服务,提供了十八种字体。

  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


作者:谷奥责任编辑:杨玲)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级