Type based tokens set the font family value based on the type of the requested font: icon, language, monospaced, sans-serif, serif, and condensed families.

'Verdana', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' 'Tahoma', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif 'Roboto Mono Web', 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace 'Public Sans Web', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' 'Merriweather Web', 'Georgia', 'Cambria', 'Times New Roman', 'Times', serif Have you tried changing your system UI font Your currently selected 'Sans Regular' is 'DejaVu Sans'. (interestingly enough, I dont know why it chooses a serif font by default) system-ui is a Chrome-only extension. Without the change, it uses DejaVu Serif. 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif This works fine with Firefox it properly resolves system-ui to Arial on my system. 'Georgia', 'Cambria', 'Times New Roman', 'Times', serif Sample contract language for 21st Century IDEA

Apple system ui font download