Text

Text Rendering

Style syntax for setting what to optimize when rendering text.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
text-rendering:valuetext-rendering: value
text-rendering:autotext-rendering: auto
text:optimizeSpeedtext-rendering: optimizeSpeed
text:optimizeLegibilitytext-rendering: optimizeLegibility
text:geometricPrecisiontext-rendering: geometricPrecision

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="text-rendering:auto:hover text-rendering:auto@sm text-rendering:auto@dark text-rendering:auto@print">…</div>
PREVIOUS
Text Overflow

Style syntax for handling how hidden overflow content.

NEXT
Text Shadow

Style syntax for adding shadows to text.

MIT License Ā© Aoyue Design LLC.