Web · 2011/11/24 0

114啦文字修改为微软雅黑加添加阴影效果

114啦文字修改为微软雅黑加添加阴影效果:

微软雅黑是 为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。雅黑字体的也越来越多,个人也非常喜欢这种屏幕显示字 体,看上去比其它字体稍大一些,而且更清晰,特别是在液晶屏上,效果更佳。Vista和Windows 7系统已将该字体设置为默认显示字体。

文字阴影效果,是从CSS2.0中延续过来,当初只有Safari支持这一属性,随着其它浏览器的支持,这个漂亮的效果,才真正应用到网页设置中,是除了CSS3圆角属性之外,效果最棒的,可增强文字的清晰度。

可惜IE不支持,包括刚发布的IE9。修改方法:也是先找到模板风格的主样式CSS文件,路径同上

  • 蓝色风格:public/home/base.css
  • 绿色风格:public/home/style/new_green/base.css

编辑样式文件(各模板风格样式文件路径不同请按你所使用的风格修改相应的CSS文件):

找到代码(约在8行);

input,select,body { font-family:Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

代码修改为:

input,select,body { font-family:microsoft yahei,Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;text-shadow:0px 1px 0px #d1d1d1; }

上面只是增加了两行代码:

microsoft yahei,文字设置为微软雅黑,如要当前用户没有该字本会跳到Tahoma,照此类推。

text-shadow:0px 1px 0px #d1d1d1; 这个是设置文字的阴影效果,有站长说增加了这个效果反而觉得不好看,大家按你喜欢是否增加。

效果网站展示:http://www.korea-look.com