请问这是什么像素字体生成

来源：蜘蛛抓取(WebSpider) 时间：2019-07-04 04:01 标签： 像素字体生成

在网页中经常会有一些促销标簽，设计师很喜欢把这些便签的颜色设计的很醒目而像素字体生成很小当然我们不讨论这种设计在视觉上会产生什么效果，我们现在要討论的是如何制作这种小像素字体生成

像素字体生成大小限制在有些浏览器（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;：

还有一些方式可以制作小像素字体生成：

我要回帖

更多关于 像素字体生成 的文章

 

随机推荐