The text-rendering property provides a hint to the implementation about what tradeoffs to make when rendering text — between speed, legibility, and geometric precision.text {
text-rendering: optimizeLegibility;
}.chart text {
text-rendering: geometricPrecision;
}autoThe default value. UA selects a balance between legibility and speed with legibility prioritized.optimizeSpeedEmphasizes speed; may disable kerning and/or ligatures for faster rendering.optimizeLegibilityEmphasizes legibility; applies kerning, ligatures, hinting and anti-aliasing.geometricPrecisionEmphasizes geometric precision; suspends hinting for accurate scaling (good for animation and zoom).SVG 2 — Chapter 13: PaintingW3C RecommendationW3CMDNLYoWAT - ff fi fl ffl
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
