11

Google font API,灵活地自定义特殊字体

May 20, 2010 - 归档于 IT互联网. ,

美国时间5月19日,Google code在其官方BLOG上宣布正式发布Google Font Directory & Google Font API。说简单地就是Google提供一些字体库并供大家使用,可以让你在任何网页中添加Google字体库的字体。

案例演示:

效果图:

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Tangerine”>
<style>
body {
font-family: ‘Tangerine’, serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>

Tangerine

1、在页面head区域添加

<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Tangerine”>

其中family后面的参数为你想要设置的字体,更多字体看这里

2、在CSS里加上字体属性

font-family: ‘Tangerine’, serif;

OK,到这里我想你已经看到效果了,更加详细的说明请看Google的官方文档。前端开发人员会更加喜欢Google的这个服务,避免对一些特殊字体的特殊处理,并将服务器压力分担给了Google,但是目前所提供的字体还很有限,也没有中文字体,至于实际当中能否用到还要看你个人意愿了。

本日志的永久短网址为:http://u.nipao.org/u4,您可以通过订阅 RSS 2.0 来阅读“远行志”。
RSS地址:http://feeds.nipao.com/nipaoblog

11 Responses to “Google font API,灵活地自定义特殊字体”

  1. 网赚资源 says:

    博客不错
    围观一下

  2. 手工活 says:

    爱因斯坦说过:“世间最美好的东西,莫过于有几个头脑和心地都很正直的严正的朋友……”

  3. ForRSS says:

    不错,漂亮的字体,可以为网站增色不少。

  4. 谢谢博主的分享,我又来了

  5. 炒股软件 says:

    博客我文采不错,我会多多关注

  6. 螺旋藻 says:

    捧一片夏雨,滋润你那灿烂的笑脸;

    捕一缕凉风,拂去你那奔波的疲倦;

    开一眼清泉,为你送去快乐的甘甜;

    送一个清凉,让你拥有凉爽的夏天;

  7. 苗木 says:

    来顶一下,呵呵不错,学习了,周末马上到了祝周末愉快!

  8. Great blog content, after getting more of them study.

  9. 赣州seo says:

    博客主的文章不错啊,我会关注你,有空也来踩踩我的博客吧

  10. seo工具 says:

    还不错了,继续

Leave a Reply

Flickr

最新日志

购物

最新留言