google字体API

  • 发表于
  • 前端

随着web设计的发展,传统的字体已经不能满足我们的需要。

这是我们今天发掘Google Font API魔力的原因。

我们可以在我们的web前端开发直接使用特殊字体,这些字体是放在google服务器上的,比如:

#content h1 {
font-family: "Times New Roman";
font-size:24px;
font-weight:normal;
text-align: left;
margin: 10px 0px 5px 0px;
color: #181818;
text-transform:uppercase;
border-left:15px solid #242424;
padding-left:10px;
}

根据需要,你可以把

font-family: "Times New Roman";   改成      font-family: "Yanone Kaffeesatz", "Times New Roman";

实现上述功能,只需要在head之间引入google字体即可:

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>