未来往事
风景:因为美好,所以留恋;友谊:因为值得,所以挂牵;生活:因为祝福,所以温暖! [2019年 第8周/共52周]

网页字体图标锯齿问题

当网页中的字体图标缩小时可能会遇到部分图标存在锯齿现象,可以通过CSS3属性webkit-text-stroke-width设置对象文字描边厚度进行简单处理:

  1. //消除锯齿
  2. -webkit-font-smoothing: antialiased;
  3. -moz-osx-font-smoothing: grayscale;
  4. -webkit-text-stroke-width: 0.2px;

未添加除锯齿样式 和 添加除锯齿样式后的前后对比:

PS:webkit-text-stroke是居中描边

+阅读全文