未来往事
无论在哪里,都需要保持随时可以离开而且离开以后比现在过得更好的能力。——写给自己! [2019年 第25周/共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是居中描边

+阅读全文