小议关于png图片显示及小字体的问题

8位png相对同样颜色数的gif来说所占的字节数要少些，而且各主流browser对png8图片的显示也无异常，所以平时做sprites的时候喜欢切片后存为8位的png格式。
最近做个性定制产品的时候确认了在做猪八戒主站过程中碰到的png图片在IE和Firefox中的显示问题。撇开带alpha通道透明的png不谈，其他的png8和png24图片的色彩在IE上的显示比在FF上的显示出的暗。所以在做含有过渡色顶部背景平铺的时候可以对ie单独定义背景颜色，不然就把背景处理成jpg格式，若处理为gif格式很难避免出现色带的情况。
一个关于字体定义的问题困惑了很久。
一般情况下11px及以下的英文字体看起来比较秀气好看，在IE中这样设置没有什么问题同时也不影响中文字体的显示，不过在FF下小于12px的汉字显示出来就比较难看了。
以前只是习惯使用Maxthon，因为网站大部分用户都是IE6，所以平时写css的时候基本是ie6环境，若有问题再对ie7、ff、opera、safari做单独处理。Firefox3发布后开始强迫自己摒弃Maxthon，好在淘了几天ff扩展之后总算把以前的使用习惯延续下来。每天大部分时间在用ff，打开自己的blog看着12px的英文字母终归是不舒服。

Tags: CSS, Firefox, IE, Opera, png, Safari, 图片, 字体, 显示, 猪八戒
bossTao 发布于 1st, at 22:45 |