CSS中,微软雅黑和Times New Roman 相同字号显示同一段中英文占用位置大小不一样吗?

2024-12-03 01:09:00
推荐回答(1个)
回答1:

英文字体分两种,一种是等宽字体,另一种则是比例字体。Times New Roman是比例字体,所谓比例字体就是每个字母的宽度是不相等的,其中大写M最宽,小写i最窄。中文字体则全部都是等宽字体(包括其中包含的半角英文、字母和符号),其宽度等于同字号英文等宽字体的2倍。
因此,当中文与英文等宽字体混排时,其总宽度是可以根据字号和字数很方便地计算出来的,即中文的宽度与字号相等,英文则是字号的一半。
但是,当中文与英文比例字体混排时,其总宽度就变得不可控了,两者只能在字体的高度上保持相等,在宽度上则是无法预知的(当然,CSS内部会计算总宽度来决定要不要换行)。
补充说一下:英文(以及所有字母文字)自诞生起就是比例字体,这样的话写出来或者印刷出来才美观(否则的话M两边几乎没空隙,i两边却很空)。但是,自从打字机出现(以及后来的电脑),比例字体的局限性就显出来了(主要是会增加机器自动排版的难度),这才诞生了等宽字体。当然随着电脑技术的发展,比例字体的自动排版早已不在话下,但要通过人工来计算其宽度仍然是不现实的事,所以两种字体才能共存至今。