网页设计中为啥少用奇数字体?_html/css_WEB-ITnose
程序员文章站
2022-05-26 12:44:07
...
一、UI设计师的原因 偶数字号相对更容易和 web 设计的其他部分构成比例关系。比如:当我用了 14 px 的正文字号,我可能会在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的标题字号。 Windows 自带的点阵宋体(中易宋体)从 Vista 开始只提供 12、14、16 px 这三个大小的点阵,而 13、15、17 px 时用的是小一号的点阵(即每个字占的空间大了 1 px,但点阵没变),于是略显稀疏。
多数设计师用的设计软件(如:ps)大多数都是偶数,所以前端工程师一般都是用偶数字体
二、浏览器的原因
其一是为了迁就ie6,万恶的ie6会把定义为13px的字渲染成14px,你可以写个页面试试
还有一个原因是,偶数宽的汉字,比如12px宽的汉字,去掉1像素的间距,填充了像素的实际宽是11px,这样汉字的中竖线左右是平分的,以“中”这个字为例,在12像素时,竖线在中间,左右各5像素,显得均衡。
其二像谷歌一些比较流行的浏览器一般会有个默认的最小字体,而且对奇数字体渲染的不太好看
三、实际应用
推荐阅读
-
html常用标签、包含关系、常用术语,以及网页设计中的字体分类
-
网页设计中为啥少用奇数字体?_html/css_WEB-ITnose
-
网页设计中为啥少用奇数字体?_html/css_WEB-ITnose
-
优秀设计:纹理在网页设计中的20个应用示例_html/css_WEB-ITnose
-
@font-face(css3属性)实现在网页中嵌入任意字体_html/css_WEB-ITnose
-
优秀设计:纹理在网页设计中的20个应用示例_html/css_WEB-ITnose
-
独特设计!插图和手绘元素在网页设计中的使用_html/css_WEB-ITnose
-
@font-face(css3属性)实现在网页中嵌入任意字体_html/css_WEB-ITnose
-
html常用标签、包含关系、常用术语,以及网页设计中的字体分类
-
网页程序中对页面进行布局设计的方法主要有表格(table)和层(div),试述两种方法的_html/css_WEB-ITnose