Today's the day

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

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 吧……

 

 

 

针对 IE7 的 CSS Hack

IE7修复了很多IE6中和CSS相关的bug,不过这样以来,原来在IE6中可以使用的CSS Hack到IE7中也就失效了,比如 *html 之类,其实IE7中也有相应的CSS Hack~

阅读全文