未来往事
学着多考虑他人的感受、多为他人着想~,千万不能学了自私的习惯。 [2019年 第17周/共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是居中描边

+阅读全文