Text Rendering Preview

Preview text with different rendering and anti-aliasing settings.

Preview Text

Font Size

Font

Text Rendering

Auto

Browser decides the best rendering

Optimize Speed

Prioritizes speed over legibility and precision

Optimize Legibility

Enables kerning and optional ligatures

Geometric Precision

Emphasizes geometric precision over rendering speed

Font Smoothing

AutoNoneAntialiasedSubpixel Antialiased

text-rendering: auto

Typography & Ligatures: fi fl ffi ffl — "Hello World"

text-rendering: optimizeSpeed

Typography & Ligatures: fi fl ffi ffl — "Hello World"

text-rendering: optimizeLegibility

Typography & Ligatures: fi fl ffi ffl — "Hello World"

text-rendering: geometricPrecision

Typography & Ligatures: fi fl ffi ffl — "Hello World"

text-rendering: auto;
-webkit-font-smoothing: auto;