menu

天魔窟

勇往直前

Avatar

相对字号(百分比)和绝对字号(px)的对应关系

《无懈可击的Web设计》一书的第一章就强调说不要用 px 等固定单位来作为字号单位,而应该总是使用相对单位,比如关键字(large、small……)再配合百分比来调节。

而我一直以来都还是使用 px 作为字号单位,因为对于目前最主流的 Windows 平台下的中文字体(SimSun)而言,比较适合在页面上显示的字号就只有 12px(9pt)、14px(10.5pt)和 16px(12pt)三种,其余的要么太小看不清,要么就充满锯齿不好看(开了 ClearType 之后稍微好些)。

而如果使用 px 作为字号,那么在 IE6 下是无法调节字号大小的,虽然我不明白为什么还有那么多人不肯升级到 IE7,微软也不再流氓一把强制升级,但是还是得承认 IE6 的最大用户群地位,所以,如果要履行“无懈可击”的做法,就还是需要用相对单位。

其实我需要找的只不过是个对应关系罢了,即多少百分比等同于原来的 px 字号。《无》一书中似乎总结了英文字体的对应关系,那么中文呢?其实只是个很简单的实验,我为什么一直没做呢?

基准字号:small
90% = 12px = 9pt
105% = 14px = 10.5pt
120% = 16px = 12pt

可见,百分比和 pt 之间也有对应关系。

测试环境:
IE6/Windows,IE7/Windows,Firefox 2.0/Windows

特此记录之。

学习了。多谢,呵呵

前一阵我这访问国内居慢无比~你的网站一晚上也打不开
这里有篇文章http://adw.tw/sir/blog/post/Font.php

有时候觉得一个人做网站又要关心源代码又要搞interface设计麻烦死了~~

评论已关闭