2010年5月20日

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

美国时间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,但是目前所提供的字体还很有限,也没有中文字体,至于实际当中能否用到还要看你个人意愿了。

6 条评论:

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

    回复删除
  2. 不错,漂亮的字体,可以为网站增色不少。

    回复删除
  3. 捧一片夏雨,滋润你那灿烂的笑脸;

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

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

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

    回复删除
  4. 来顶一下,呵呵不错,学习了,周末马上到了祝周末愉快!

    回复删除
  5. Great blog content, after getting more of them study.

    回复删除