Ergonomic Typography
Calculate optimal font size for font-family, medium and audience
| Device | OS font size, px | CSS font-size, px |
|---|---|---|
| iPhone SE | 34.42 | 17.21 |
| iPhone 15 | 49.78 | 16.59 |
| iPad mini | 52.62 | 26.31 |
| iPad Air | 41.67 | 20.84 |
| MacBook Air 13" | 48.63 | 24.31 |
| MacBook Pro 15" | 46.57 | 23.29 |
| MacBook Pro 16" | 55.65 | 27.82 |
| Studio Display 27" | 70.77 | 35.38 |
CPS (Critical Print Size) — research backed angular size of x-height at which maximal reading speed is maintained.
TLDR; From phisical size of the device, viewing distance, font metrics and browser resolution on device, we may derive optimal font size value.
TLDR; From phisical size of the device, viewing distance, font metrics and browser resolution on device, we may derive optimal font size value.