Free CSS Font Optical Sizing Generator
Control optical sizing with our free tool. Font-optical-sizing for variable fonts.
- Optical sizing toggle
- Size comparison preview
- Variable font support
- Detail zoom view
- Font recommendations
Frequently Asked Questions
What is optical sizing?
Optical sizing adjusts font details based on size. Large text gets thinner strokes and tighter spacing; small text gets thicker strokes and more open forms for readability.
Which fonts support optical sizing?
Variable fonts with an 'opsz' axis support optical sizing. Examples include Roboto Flex, Source Sans Variable, and many Adobe fonts.
Is optical sizing automatic?
Yes, when font-optical-sizing: auto (the default), browsers automatically adjust optical size based on font-size. Set to 'none' to disable.