Today's the day

向软件大牛炫耀我会焊单片机,向硬件大牛炫耀我会写 Rails,向软硬件大牛炫耀我生物,向软硬件生物大牛炫耀我会折腾期货 -_-bbb

再见 WinXP
想换服务器了

Google 的字体服务

galeki posted @ 2010年5月25日 10:33 in 其他 with tags font css , 5565 阅读

以前介绍过 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 吧……

 

 

 

ZH CEXO 说:
2010年5月25日 16:42

最好是别被墙……

Avatar_small
galeki 说:
2010年5月25日 17:37

才发现主域名是 googleapis.com,看来悬了……

Dianso 说:
2010年5月25日 18:31

早就用上了,没必要非要用google的

transtone 说:
2010年5月25日 23:42

为啥俺的firefox不能正常显示此字体?而ie6却可以?

Avatar_small
galeki 说:
2010年5月26日 06:15

@Dianso: 还有哪里的可用?
@transtone: 是不是你的 firefox 设置了不使用网页字体的选项。

tlhl28 说:
2010年5月28日 07:05

cool啊~~~


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter