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

五月 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://t.cn/hsbMG,您可以通过订阅 RSS 2.0 来阅读“远行志”。
RSS地址:http://feeds.nipao.com/nipaoblog

6 条评论 发表»

  1. 手工活 说道:

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

  2. ForRSS 说道:

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

  3. 螺旋藻 说道:

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

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

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

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

  4. 苗木 说道:

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

  5. butterfly valve 说道:

    Great blog content, after getting more of them study.

发表评论