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