其他分享
首页 > 其他分享> > 文本渲染 | text-rendering (Scalable Vector Graphics) - CSS 中文开发手册 - Break易站

文本渲染 | text-rendering (Scalable Vector Graphics) - CSS 中文开发手册 - Break易站

作者:互联网

  •   CSS 中文开发手册

    文本渲染 | text-rendering (Scalable Vector Graphics) - CSS 中文开发手册

    该text-renderingCSS属性提供信息,以什么来优化渲染文本时的渲染引擎。

    浏览器在速度,可读性和几何精度之间进行权衡。

    /* Keyword values */
    text-rendering: auto;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    
    /* Global values */
    text-rendering: inherit;
    text-rendering: initial;
    text-rendering: unset;

    该text-rendering属性是一个没有在CSS标准中定义的SVG属性。但是,Gecko和WebKit浏览器允许您将此属性应用于Windows,Mac OS X和Linux上的HTML和XML内容。

    一个非常明显的效果是optimizeLegibility,对于某些字体(例如,Microsoft的Calibri,Candara,Constantia和Corbel,或DejaVu字体系列),文本中的连字(ff,fi,fl等)文本小于20px 。

    Initial value

    auto

    应用对象

    text elements

    是否可继承

    yes

    媒体

    visual

    计算值

    as specified

    动画类型

    discrete

    规范顺序

    the unique non-ambiguous order defined by the formal grammar

    语法

    auto浏览器在绘制文本的同时,对于何时优化速度,可读性和几何精度进行了有根据的猜测。有关浏览器解释此值的差异,请参阅兼容性表。

    optimizeSpeed在绘制文本时,浏览器强调渲染速度超过可读性和几何精度。它禁用字距和连字。

    optimizeLegibility浏览器强调渲染速度和几何精度的易读性。这使得字距和可选的连字。

  •   本文标题:文本渲染 | text-rendering (Scalable Vector Graphics) – CSS 中文开发手册 - Break易站转载请保留页面地址:https://www.breakyizhan.com/css/32011.html

    标签:易站,浏览器,渲染,text,Scalable,rendering,文本,CSS
    来源: https://www.cnblogs.com/breakyizhan/p/13216269.html