在网页中经常会有一些促销标簽,设计师很喜欢把这些便签的颜色设计的很醒目而像素字体生成很小当然我们不讨论这种设计在视觉上会产生什么效果,我们现在要討论的是如何制作这种小像素字体生成
像素字体生成大小限制在有些浏览器(Chrome)上需要做设置的,例如:Chrome
默认最小像素字体生成大小为12px
小于12px
的像素字体生成都显示12px
大小,不过你可以设置最小到6px
当然对于普通的用户是不会对它进行设置的,所以需要一些技术手段来做这種小像素字体生成下面是不同平台不同浏览器对像素字体生成大小的限制:
注:在 Chrome 浏览器中,虽然最小像素字体生成到6px
但是当它设置為0px
时,文字会看不见
从上面的表中我们不难看出只有 Chrome 才有对像素字体生成的限制,Chrome 是支持 CSS3 的我们可以用缩放的方式来制作10px
像素字体生荿。需要一些计算:10px = 12px * 0.83
或者10px = 20px * 0.5
;当然我们会优先采用第一个计算方式因为避免不支持 CSS3
浏览器的情况,我们也可以通过降级处理将像素字体苼成变回12px
;最后兼容 IE:*font-size:10px;
:
还有一些方式可以制作小像素字体生成:
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。