GOOGLE在线字体全方位开放,这是前端设计师的菜

GOOGLE在线字体全方位开放,这是前端设计师的菜

GOOGLE在线字体上线,广大前端设计师的福音!
具体使用方法如下:
比如准备使用google在线字体库中的“Tangerine”字体,首先在网页头部嵌入一行代码
   例如:<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
具体格式如下:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
然后再相应的ccs选择器中使用该字体,例如
.footer{
     font-family: 'Tangerine', serif;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
}

浏览效果:<a href="http://www.zaibeijing.net/google_online_font.html" title="google在线字体效果预览" target="_blank">http://www.zaibeijing.net/google_online_font.html</a>

详细使用方法:http://code.google.com/apis/webfonts/docs/getting_started.html
 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据