CSS3中text-shadow的使用

在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用,产生阴影和模糊主体。
语法如下:

text-shadow: x y c;

x表示x方向偏移,y表示y方向的偏移,c表示颜色。
当x和y都设置为0的时候,看上去就像被模糊了一样。如本站的标题。

不过目前ie系列的浏览器都不支持。

修正lightword主题中文问题

在lightword主题中使用了cufon来渲染字体,使得页面非常漂亮。不过附带的vera字体却不包含中文,导致中文无法显示。解决的办法有很多中,求简单的可以直接在后台关闭cufon。当然blog的标题用英文到没什么问题,文章的标题用英文就不方面了,可以做以下修改。

打开/js/menu.js

//Cufon.replace(['h1','h2'], { fontFamily: 'vera' });
Cufon.replace(['h1'], { fontFamily: 'vera' });

这样就可以只渲染h1段落。
或者全部注释掉。