Base Font Size
What It Does
Calculates an optimal base font size according to DIN 1450 standards, considering factors like viewing distance, screen properties, and visual acuity. This is useful for creating accessible typography that's properly sized for your specific use case.
Inputs
visualAcuity
Visual acuity factor (typical human vision is around 0.7)
Number
No
correctionFactor
Adjustment factor for calculation (default is 13)
Number
No
lightingCondition
Factor representing lighting conditions (bright to dim, 0-1)
Number
No
distance
Viewing distance in centimeters
Number
No
xHeightRatio
Ratio of x-height to font size in the typeface you're using
Number
No
ppi
Pixels per inch of the display
Number
No
pixelDensity
Pixel density factor (higher for retina/high DPI displays)
Number
No
precision
Decimal precision of the result
Number
No
Outputs
value
The calculated base font size in pixels
Number
How to Use It
Drag the Base Font Size node into your graph.
Adjust the input values to match your specific scenario (device, viewing distance, etc.).
For most inputs, the default values work well for typical screen reading.
Connect the output to your typography system or use directly as a font size.
Tips
The x-height ratio varies by font; common values are 0.5-0.55 for most typefaces.
For accessibility, you may want to increase the result slightly beyond the calculated minimum.
See Also
Font Size: For directly setting font sizes or creating a scale.
Typography Style: For creating complete text styles with multiple properties.
Use Cases
Accessibility Compliance: Ensure text meets readability standards for different devices.
Responsive Typography: Calculate appropriate font sizes based on device characteristics.
Design Systems: Create a scientifically-backed foundation for your typography scale.
Last updated