博客 - 标签:字体

css中设置微软雅黑

2011-03-23 上午 - html/css/xml/xsl - -

笔记一下,我是这样在css中设置文本字体为“微软雅黑”的。

.selector {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}

之所以加上中文名“微软雅黑”是为了兼容opera。Microsoft JhengHei为微软正黑体,STHeiti为华文黑体,MingLiu记得11px下的中文有着不凡的效果。

4 Comments »

网页里使用微软雅黑的注意点

2009-12-21 下午 - html/css/xml/xsl -

3款字体在浏览器下的表现,测试用的是IE8,IE6下有不同

网页里使用微软雅黑的注意点

微软雅黑这款字体的设计具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。好多的设计师都喜欢使用这款字体,其确实漂亮,大方得体,不过在网页里使用还是有点小问题要提的。由于该字体并不是人人电脑都有,那么系统没有微软雅黑字体的时候,就肯定需要后续字体来做殿后工作,如果没设置后续字体则默认是“宋体”,有些朋友可能不满足于“宋体”来殿后,会选择使用“黑体”,问题在这里有浮出水面了!

黑体,加粗后,笔画太粗,聚成一堆,可读性很差,字体>30px后问题逐渐减轻,随着数值的增加得到改善。宋体,不会出现类似问题。

这样我们得出一个结论:当添加“粗体”属性时,后续字体使用“宋体”;那么相反,无“粗体”属性时,后续字体可以使用“黑体”。

这样就比较简单的避免了黑体后续加粗难看的问题了!

No Comments »

3d字体的设计欣赏

2008-11-14 下午 - Web Design - -

在一个素材网上找到了一篇这样主题的文章,原文有好多张图的,我就选了自己比较喜欢的几张记录下来了。效果很酷,而且很实用。

很不错的设计吧!很早就有股学3d的劲了,一直都没机会,也没时间!命里注定只能欣赏别人的了。

2 Comments »