font-smoothing

在photoshop中,对于文本我们可以设置锐利、犀利、浑厚、平滑,在css3中也新增了这个类型的特性,就是font-smoothing属性。
font-smoothing:subpixel-antialiased | none | antialiased

  • none——用于小像素的文本
  • subpixel-antialiased——浏览器默认的
  • antialiased——反锯齿

font-smoothing也有兼容问题,需要带不同内核:

-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;

backface-visibility

backface-visibility是css3新增的属性,指当元素不面向屏幕时是否可见。
backface-visibility:visible | hidden;

  • visible——背面是可见的。
  • hidden——背面是不可见的。

backface-visibility:hidden;也有兼容性问题,需要带不同内核。

-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;

666888
334 声望10 粉丝

知其然且知其所以然。