Google 的字体服务
以前介绍过 CSS3 中的 @font-face,可以在网页中展现独特的字体样式,不过必须得自己找到字体上传到特定位置,还要在 css 文件中写一下字体的 @font-face 定义才行。
现在 Google 有了字体服务,这个步骤就简单多了,只需要添加一句 <link>,然后再设定元素的 font-falmily 名称就行了,目前有 18 中字体,都是免费的。
比如要想在目前的 Blog 标题使用 Google 字体服务中提供的 IM Fell 字体,只要在 Google 字体页面中找到 IM Fell 的链接,选择好样式,然后“Get the code”就行了~
按照上面所说,在 <head> 中插入:
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>
然后在 css 中给想要的元素设定 font-fmalily 名称:
h1.logo {
font-family: 'IM Fell DW Pica', arial, serif;
}
效果如本 Blog 标题。
这服务以后应该不会被 GFW 吧……
2010年5月25日 16:25
估计会被墙~
2010年5月25日 16:42
最好是别被墙……
2010年5月25日 17:37
才发现主域名是 googleapis.com,看来悬了……
2010年5月25日 18:31
早就用上了,没必要非要用google的
2010年5月25日 23:42
为啥俺的firefox不能正常显示此字体?而ie6却可以?
2010年5月26日 06:15
@Dianso: 还有哪里的可用?
@transtone: 是不是你的 firefox 设置了不使用网页字体的选项。
2010年5月28日 07:05
cool啊~~~
2011年6月07日 13:05
好用!
2012年3月18日 21:40
没等宽~~