CSS 文本渲染

Text-rendering 是一个属性，允许您选择在呈现文本时要优化的内容。它将有关在渲染文本时优化什么的信息发送给渲染引擎。

它实际上不是 CSS 属性，也没有在任何 CSS 标准中定义。这是一个 SVG 属性，但 Gecko 和 Webkit 浏览器允许您将此属性应用于 HTML 元素。这样做会在速度、易读性（清晰度）和几何精度等其他方面做出妥协。

句法：

text-rendering : auto | optimizeSpeed | 
                 optimizeLegibility | geometricPrecision;

价值观：

• 自动：浏览器会预测您何时可以在绘制文本时调整速度、可读性和几何精度。不同的浏览器响应不同的值。
• optimizeSpeed：与绘制文本时的易读性和几何精度相比，浏览器优先考虑渲染速度。它禁用字距调整和连字。
• 优化易读性：与绘制文本时的渲染速度和几何精度相比，浏览器优先考虑易读性。它启用字距调整和可选连字。
• geometryPrecision：与绘制文本时的渲染速度和易读性相比，浏览器优先考虑更高的几何精度。字体的某些方面（如字距调整）不会线性缩放，因此它可以使使用这些字体的文本看起来更好。

例子 ：

HTML

   
      
      
   
   
      
text-rendering
      
Welcome to GFG
  
      
Welcome to GFG
  
      
Welcome to GFG
  
      
Welcome to GFG
  
   

输出：