案例演示:
效果图:
<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>
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,但是目前所提供的字体还很有限,也没有中文字体,至于实际当中能否用到还要看你个人意愿了。
爱因斯坦说过:“世间最美好的东西,莫过于有几个头脑和心地都很正直的严正的朋友……”
回复删除不错啊!!!
回复删除不错,漂亮的字体,可以为网站增色不少。
回复删除捧一片夏雨,滋润你那灿烂的笑脸;
回复删除捕一缕凉风,拂去你那奔波的疲倦;
开一眼清泉,为你送去快乐的甘甜;
送一个清凉,让你拥有凉爽的夏天;
来顶一下,呵呵不错,学习了,周末马上到了祝周末愉快!
回复删除Great blog content, after getting more of them study.
回复删除