Home > Web前端 > 网页设计中的中英文字体

网页设计中的中英文字体

2009/02/23

喜欢wordpress的人很大一部分人是因为很多漂亮的主题,然而这份主题大部分都是为英文而考虑设计的,国人用起来难免有些别扭,有的甚至出现发虚现象,所以想说说一般网页上的中英文字体设计问题。

其实写这篇文章的还有个动力就是今天看到这种情况,看图:

这是什么情况?这是某人用的一款国外设计的主题在ff和ie下看到的情况。差距是明显的。它的字体设计的默认的大小是11px。而出现这种情况的根 本原因是IE显示定义小于11像素的中文字的时候,强制转换到12px,而firefox在这点上是没有限制的,从这点上我们了解到,要正常显示中文字体最好不要设计在12px以下,不然在跨浏览器下会出现发虚如上图情况。

在不影响阅读占用最小的英文字体大小是11px,那也是为什么一般的代码演示上和国外的设计师都比较喜欢用11px这个大 小,然后搬到中文上是行不通的,简单一点:如果看上某个国外主题:在css找到font-size:11px;改为font-size:12px;如果有 而且愿意的话。

关于一般情况下字体设计问题本来想长篇阔论的,不过有人写的比我好懂的也比我多,看看这篇你会有所收获的:

[教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下

然后说说我个人比较喜欢的字体设计样式:font:13px/160% ‘Microsoft YaHei’,'微软雅黑,’Microsoft JhengHei’,helvetica,Arial,Tahoma,Sans-Serif;
个人很喜欢把博客或个人网站的字体大小设为13px,企业网站设为12px,门户网站设为14px。而微软雅黑和微软正黑(这个主要应用在繁体上)最好的 显示效果是在vista上或开启Cleartype并装有雅黑(正黑)字体的系统且是液晶显示器的电脑上,因此:’Microsoft YaHei’,'微软雅黑,’Microsoft JhengHei’这段取舍自定。

友情提醒:“helvetica, arial”, Not “arial, helvetica”

Tags: Posted in Web前端8 Comments

已经有了8条煽情的读后感

  1. 请问写Microsoft YaHei’,’微软雅黑,这样的作用是什么?我一般只写中文的“微软雅黑”
    还有,最后一行,你貌似写错别字了呵呵

  2. 原来是这么回事,了解了,所以说IE还是有不错的地方的,并不是一无是处。

  3. 的确,11px的中文字根本就看不清.
    by the way,我最近发现正黑效果很不错

  4. 因为貌似有些系统的浏览器不支持中文

  5. 呵呵,这不是说ie不错,这是说ie不安标准来。

  6. 怎么说呢,不按标准来也不一定完全是坏事,IE虽然没有按照标准来,但是提升了显示效果,一味遵守标准也不一定是最好的。当然我不是说IE好。

  7. 呵呵,对于普通浏览者可能觉得没什么关系,但是对于开发者开说那是一件很痛苦的事情,设想一下,如果每个浏览器的标准都不一样,开发者都要为没一个浏览器定制一套方案,这个就很郁闷了,不过ie也在进步,ie8已经开始比较完全的兼容标准了。
    不过本文说的ie下回出现那个效果,确实来说应该是ie为中文用户而考虑的一个细节

  8. 呵呵,正黑是专为港台地区的繁体用户设计的,确实不错,不过看久了感觉有点别扭在简体上,个人感觉

发表感言