您好,欢迎来到我要学flash网!登录注册

google提供网页字体在线服务!

来源:我要学flash网 | 作者:admin | 发表时间:2012-03-03 | 点击:  次

大家知道我们网页设计中常用的字体如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体和楷体。要是想用比较个性和酷的字体就比较麻烦了,因为用户的电脑中要是没有这种字体的话还是看不到原来的效果,目前要实现上述的方法是把需要的文字设置成图片。为了让网页设计中字体的使用更灵活更方便谷歌在这个月的19号启动了网页字体在线服务项目。并且一口气发布了18个字体族,并且是完全免费的!谷歌目前提供的字体共有十八种,均为目前比较流行的免费字体,包括为 Android 而开发的 Droid 系列,被称为“Fonts for Scholars”的 Cardo,为代码印刷而设计的 Inconsolata,业余之作而不胫走红的 Yanone Kaffeesatz 等等,其中最能引人注目的是字体师 John Fell 设计的 IM Fell 字体。这对网页设计师无疑是一个非常好的消息!

好了那么到底是如何使用这些字体呢?下面我给出一个例子!这里以Lobster为例.

  1. <html> 
  2.   <head> 
  3.     <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster"> 
  4.     <style> 
  5.       body {  
  6.         font-family: 'Lobster', serif;  
  7.         font-size: 48px;  
  8.       }  
  9.     </style> 
  10.   </head> 
  11.   <body> 
  12.     <h1>you can easy do it!</h1> 
  13.   </body> 
  14. </html> 

 

微软雅黑:

  1. <html> 
  2.   <head> 
  3.     <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=微软雅黑"> 
  4.     <style> 
  5.       body {  
  6.         font-family: '微软雅黑', serif;  
  7.         font-size: 48px;  
  8.       }  
  9.     </style> 
  10.   </head> 
  11.   <body> 
  12.     <h1>我要学FLASH网</h1> 
  13.   </body> 
  14. </html> 

 


顶一下
(0)
0%
踩一下
(0)
0%
本文引用地址:
上一篇:IE6 中最大最小宽度和高度css 高度控制
下一篇:没有了
  最新评论: 共有位网友发表了评论
  发表评论:
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码: