adminadmin

个性与大众的取舍

分类:所谓设计|浏览:3879|录入:admin|时间:2010-10-21 14:51 Thursday|评论:0

最近看到很多人的网站字体全部使用的是微软雅黑,的确微软雅黑及其美观,微软雅黑以结构优美、显示清晰等优点赢得了人们的喜爱,很多网站也开始采用微软雅黑作为正文字体。

但是微软雅黑在 XP 下的 CRT 显示器非常模糊,很难阅读,在 LCD 显示器里锯齿明显、笔划粗细不一,显示效果还不如宋体。

经测试,微软雅黑在 XP 下的 IE6 和非 IE 浏览器显示有问题,IE7 显示正常。

这与文字渲染引擎有关,微软雅黑是为 Vista 以上的系统设计的,用 XP 的老一代 GDI ClearType 技术渲染时会产生问题,而 IE7 浏览器和 Vista 使用的 WPF ClearType 技术,能正常渲染。

为了方便设计调试网页,我保留的IE6,在ie6下看着微软雅黑,文字模糊难辨,眼睛很难受,大部分人说ie6是淘汰的浏览器,不用去考虑他的适应性,关键是现在国内还是有大部分的人在使用ie6,,设计网页的时候必须考虑到ie6用户的体验,否则你的网页只能用失败来解释,看看微软中文官方,也别没全部使用微软雅黑。

以2010年09月CNZZ数据中心发布的数字来看,在国内有超过90%的人在使用Windows XP,而超过53%的用户仍然使用着不被升级的Internet Explorer 6.0,也就意味着即使所有电脑都安装了微软雅黑字体也有超过一半的用户看不起最佳的效果,并且不同的显示器对ClearType的支持度都有所不同。以14像素定义大小微软雅黑为例,更多的显示器仍然得不到更好的显示效果。这就是为什么微软官网为何不用每字造价100美元的雅黑字体的原因了,也是主流IT网站至今没有采用微软雅黑字体的一个因素。如果微软雅黑字体实在喜欢不行,德意建议微软雅黑字体只作为标题使用,像素定义不要小于14像素并且加粗,正文则使用传统的宋体、Arial、Tahoma、Verdana、 Sans-serif较为合适。

企业网站建设请勿过量地使用微软雅黑字体的同时,我见过不少的个人网站和博客同样很喜欢微软雅黑字体,除非很有自信读者可以很轻松地读完你写的博文,否则请不要整站都使用微软雅黑字体,这样做只会降低网站的用户体验。

所以如要使用微软雅黑,应当只对 IE7 和 Vista 用户显示,而对其他用户仍以宋体显示。

下面 jQuer 代码检测浏览器是否支持 WPF,如果不支持就给 body 添加一个名为“no-support-wpf”的 class 作为标记。

$(document).ready(function() {
    var agt = navigator.userAgent,
    winVer = Number(agt.replace(/.*Windows NT ([d.] ).*/i, '$1')),
    ieVer = Number(agt.replace(/.*MSIE ([d.] ).*/i, '$1'));
    $.support.WPF = winVer >= 6 || ieVer >= 7;
    if (!$.support.WPF) {
        $('body').addClass('no-support-wpf');
    }
});

然后我们就可以通过 CSS 给支持 WPF 的浏览器使用微软雅黑,不支持的使用宋体。

body { font-family: "Microsoft YaHei"; }
body.no-support-wpf { font-family: SimSun; }


 

上一篇:域名争议逾九成选择仲裁解决 鲜见国内企业投诉 下一篇:Traveler’s Notebook给所有怀着自由心灵的旅人们

标签:杯具设计网页设计

引用通告: 查看所有引用 | 我要引用此文章

引用地址: http://www.94cy.com/article-122.html