`

非标准的属性text-rendering

    博客分类:
  • css
阅读更多
告诉渲染引擎工作时如何优化显示文本。浏览器会在渲染速度、易读性(清晰度)和几何精度方面做一个权衡。
是一个SVG-可缩放矢量图形(Scalable Vector Graphics)属性,目前尚没有任何的CSS标准对其进行定 义。
语法:
text-rendering: auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit 


auto:
当绘制文本时,浏览器会进行智能识别,何时应该从速度、清晰度和几何精度方面进行优化。

optimizeSpeed:
当绘制文本时,浏览器会着重渲染速度,而不是清晰度和几何精度。该属性值不能用于字距调整和连字。Gecko默认开启该属性,Firefox 是默认20px以下开启该属性。

optimizeLegibility:
当绘制文本时,浏览器会侧重文本的可读性(清晰度),而不是渲染速度和几何精度。该属性值可以用于字距调整和连字。
使用CSS 3的@font-face来渲染文字的情况越来越多,易读性开始被关注和重视。尤其是小号的文字。由于目前还没有CSS属性控制显示在线字体的微妙细节,Safari 5,Chrome和Webkit系列浏览器支持text-rendering启用kerning 和 ligatures。
Gecko 和WebKit 浏览器处理这个属性的方式很不一样。前者默认启用这个特性,而后者,需要将其设置为optimizeLegibility。Firefox默认20px以上字体文本会开启该属性。

geometricPrecision:
当绘制文本时,浏览器会着重几何精度,而不是清晰度和渲染速度。字体的某些
方面,比如字间距并不是按照线性比例进行渲染的,因此该属性可以使得设置为
这些字体的文本看起来很整洁。

http://blog.csdn.net/freshlover/article/details/9853363
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics