System Font Stack Experiments

Originally created March 2017; updated July 2022.

See also: emoji test page, Alan (v1) wringer, Simple System (v1) wringer, source

Font stack: Simple System (v1)

Note: This is a recent addition now that browsers in use overwhelmingly support the standardized system-ui keyword.

Stack: system-ui, sans-serif

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900

Font stack: Alan (v1)

Stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900

Font stack: GitHub (2017)

Stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900

Font stack: GitHub (early version)

Stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900

Font stack: Medium (2017)

Stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900

Font stack: WordPress Admin (2017)

Stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900

Font stack: Nathan (1)

Stack: -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Symbol"

Jackdaws love my big sphinx of quartz. Quickly the five boxing wizards jump? Pack my box with five dozen liquor jugs!

EmojiAmbiguousNon-Emoji
❤️☺️✈️ ❤☺✈ ❤︎☺︎✈︎
100 200 300 400 500 600 700 800 900