关闭顶部展开顶部

关于中英文正文字体比较_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:微软雅黑 VS Windows宋体
snl的Blog:http://snl.blueidea.com/为了更清楚的显示出雅黑的屏幕显示优势,这里用雅黑和沿用多年的宋体各做了一个简单的网页显示字范,我们来对比看看:

下面的内容,是源于前几天我和 Snl 在 MSN 上提及 Web2.0风格 中的 文字运用 的一个细节讨论。

因为Snl的论述发表在经典的内容系统中也引起了较高的关注,所以我整理了一下和snl的讨论,发在下面,我想这也许会给关注这个话题的朋友更多思考的空间和延伸。

有爱好的朋友应该先看一下Snl 有关文字应用的论述:

关于中英文正文字体比较的两点补充说明及讨论

其实对于中文来讲,假如硬要把英文的版式套成中文,会碰到2个问题:

这其一,是中文的表述方式问题:

同样的语句,英文所使用的字符数量比中文要多得多,因为英文是以 单词 为视觉单位的,中间有 空格,而中文在 字词 之间,没有 空格。这一点,即使是用英文大写,也和中文不同。

YOU MUST KNOW!

你必须知道!

比较一下因此,英文的“视觉暂歇”能力要强一些。但是,现在英文的版式中的标题也有 去除空格 的风格,是为了更紧凑:

YOU MUST KNOW!

YouMustKnow!

现在有些标题开始使用这样的风格,这是将暂停空格转换为“节奏符号”,用大写字母来造成 视觉波动。这样比纯粹的大写字母“易读”。

其实,对于模拟相应视觉感知的中文,我觉得是这样一种方式:

在 要害字 的前后位置上添加 一个 半角空格。
在要害字的前后位置上添加一个半角空格。

上面一句是不是比较好读?而且,这样的风格,在将来 添加链接 时,也显得 格外 轻易。这样的好处,我觉得比加强 分段 的数目,要好一些。
而且,要害字明确,易于被 搜索引擎 捕捉。还原成“打印文字”时,也比较简单,只是去除 不必要的 空格就好了,当然,这是针对中文来讲。对于 印刷 的文字来讲,处理中文的办法要多一些。

下面我要说的第二点问题

印刷上对于中文字符,广义的说是“双字节”字符,包括韩文和日文,都有这个 行气 的问题。日文对于 视觉调整 的探索要早一些。它们用了两个办法来增强 易读 功能。一个是调整“字怀”变大,一个是将字高变成字宽的 81%。这两个,雅黑都用了。为什么是81%而不是其他,我还没有找到说明的资料。但是,对于网络来讲,压扁字体,是目前不太可能做到的。正文部分 9px 字来讲,正文使用什么字体的意义都不大(视觉差异)。所以,还是应该把目前的重点放在 行距调节 上。

分享:什么是最好的正文字体
snl的Blog:http://snl.blueidea.com/这几天在研究serif。serif是英文字体的术语,中文翻译做“衬线”,就是文字笔画两端的短线。最典型的serif字体恐怕就是

来源:蓝色理想//所属分类:网页设计教程/更新时间:2007-04-11
loading.. 评论加载中....
相关网页设计教程
闁汇埄鍨遍悺鏇綖閸℃稒鈷掓い鏇楀亾妞わ綇鎷�
婵炲濮崑鎾斥槈閺傝法澧涙俊鑼€濋柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶嬪殧鐎瑰嫭澹嗙换涔侀柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶婄闁诡垎鍕槬闁诲酣娼уΛ娑㈡偉閿燂拷
闂佺ǹ绻愰幊搴ㄥ焵椤掑倸甯堕幖瀛樼矒瀹曟繈鏁撻敓锟�
闂佺ǹ绻愰幊搴ㄥ焵椤掆偓閸氬绮婇敂鍓х煓閻庯絺鏅濋惌娆戠磽娓氬﹥瀚�
闂佽 鍋撴い鏍ㄧ☉閻︻噣鏌涘┑鎰胺缂併劍妞藉銊╊敍濞嗘垵绗¢梺鍝勫€婚幊鎾舵閿燂拷
闂佸搫鍟版慨椋庣礊婢舵劖鐓i悹杞拌濞层倕霉閿濆棙绀€闁告ɑ鐗犲畷鎰版晸閿燂拷
濠碘槅鍨崜婵嗩熆濡吋瀚绘い鎾寸箖鐎氾拷
婵犵鈧啿鈧绱炲鍥ㄥ妞ゆ挻绻冪€氳櫕淇婇妤€澧叉繝顫嫹
濠碘槅鍨崜婵嗩熆濮椻偓瀹曨剟顢欓崗鐓庘偓鐢告煛閸繄孝濠殿噯鎷�
濠碘槅鍨崜婵嗩熆濮椻偓閺屽懘鍩€椤掆偓閳诲酣骞戦幇闈涙闂佸搫瀚搁幏锟�
濠碘槅鍨崜婵嗩熆濮椻偓瀹曪綁骞嬪┑鍫紝
婵犵鈧啿鈧绱炲澶婄煑闁瑰瓨绻勯瀛樹繆椤栨澧叉繝顫嫹
闁诲骸鍘滈崜婵嬫偋閹惰棄鐭楀┑鐘插暙閼靛綊鏌ら懞銉ュ闁绘牭缍佸畷娆撴晸閿燂拷
UB闂佸湱绮崝妤呯嵁閸モ晜瀚氶悗娑櫳戦~锟�
闂佽壈椴稿濠氭焾鐎电硶鍋撻獮鍨仾婵犫偓閿燂拷
闁诲骸绠嶉崹鍝勶耿閸㈢嚜
闂佸憡姊绘慨椋庣礊婢跺瞼鍗氭繛鍡楀閸炲绻涚紙鐘哄厡闁稿骏鎷�
缂傚倷鐒﹂悷锕傚垂濠婂嫮顩锋い鎺嶇缁插湱鈧偣鍊濈紓姘额敊閿燂拷
©2017 www.mb5u.com濠碘槅鍨崜婵嗩熆濮椻偓瀵噣鎮╅幓鎺撳瘶
闂佽 鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷