SF Pro Font Test

SF Pro Font Test

Open this page in Safari on your Mac, iPad and iPhone, and send me a screenshot of the Results box from each. On the Mac it has to be Safari: the Claude app and Chrome can use fonts you installed yourself, which your visitors won't have.

Results on this device

Measuring…
Wait

Two cards in the Health style

Sample text. The left title uses the wide cut (Expanded, semibold), the right one the narrow cut (Condensed, medium). The picture is a stand-in for a cover or photo.

4 October 2026Recipe

Tom Yum with Tofu Puffs

Hot, sour and fragrant, with tofu puffs that soak up the broth.

12–14 May 2026Pictures

Three Days on Jeju

Volcanic coast, tangerine farms and the last ferry back. 36 photos.

Widths through the font's width axis

Each line asks for a different width with font-variation-settings. The number on the right is the width compared with normal (1,00×). If every line reads 1,00×, this browser can't change the width this way.

Widths through CSS width names

The same test with the standard CSS names (font-stretch), from ultra-condensed to ultra-expanded.

Weights at three widths

From Ultralight (100) to Black (900), in Condensed, normal and Expanded.

Other Apple fonts a page can ask for

SF Symbols from the system font

These are character codes, drawn by the device's own font. Small pictograms mean symbols work here; empty boxes, question marks or blanks mean they don't.