在网页中使用google字体的方法(Google Font API)

 

 在google的网站上,有个Google Font API的项目,就是在网页中可以使用google提供的字体,而浏览网页者无须安装字体。这样我们在做网页的时候就可以使用很漂亮的字体了(不过可惜的一点是目前只支持英文字体,不支持中文字体),而不像以前那样为了使用漂亮的字体而不得不把网页中的字做成图片。那么Google Font API具体该如何使用呢?今天就向大家介绍在网页中使用google字体的方法。

    在介绍google字体的具体使用之前,有兴趣的朋友可以先去看下官网的介绍,Google Font API官网地址:http://code.google.com/intl/zh-CN/apis/webfonts/

    下面给出我的一个简单的例子,然后对该例子做个说明,相信是非常简单的:

 

    1、首先引用google字体样式,上面代码中红色部门表示引用google的字体样式,其中蓝色的Tangerine表示我使用的是google的Tangerine字体,你可以根据你的喜好选择你喜欢的google字体(google字体预览网址:http://code.google.com/webfonts

    2、在我们的网页中给你需要改变字体的文字添加样式,上面代码中可以看出我给www.htmer.com文字定义了一个style1的样式,并在样式中直接使用font-family:Tangerine,这样我们浏览该页面的时候就可以显示google的Tangerine字体了,相关截图如下所示:



转载自 HTMer [  http://www.htmer.com/ ] 

 

 

 

补充:google font API:http://code.google.com/intl/zh-CN/apis/webfonts/docs/getting_started.html

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值