The CSSWG resolved today to add a new generic font family name, 'system-ui', that maps to the default system UI font. https://logs.csswg.org/irc.w3.org/css/2015-11-18/#e621666 This will be specified in the CSS4 Fonts spec. Three components to this: - parsing and handling of the new generic in CSS code - platform-specific lookup, lang dependent - appropriate handling of things like fallback The last item is probably the trickiest. Under OSX, the "system" font is always a Latin font, e.g. San Francisco or Helvetica Neue, but it's linked to a specific set of fallback font families, so that the Latin font is used for Latin glyphs and a system Japanese font is used for Japanese. Need to research what happens precisely under Windows (i.e. always Meiryo UI or only for CJK characters?).
Chrome: Intent to Implement and Ship: The “system-ui” generic font family https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/hvN9YVvIb5c
Chrome shipped font-family:system-ui in version 56 some month ago. Safari fixed in 2017-02: https://bugs.webkit.org/show_bug.cgi?id=151493 Chrome status entry says Firefox shipped also ... https://www.chromestatus.com/feature/5640395337760768
(In reply to j.j. from comment #2) > Chrome status entry says Firefox shipped also ... > https://www.chromestatus.com/feature/5640395337760768 That seems wrong. I'll email Koji.
11 months ago
Would be interested in this for DevTools. We use Firefox-only things like font:message-box, which has the downside of a) resetting the font-size and b) resetting it to different values depending on the platform. (Some tools such as debugger-html and perf-html are also used outside of Firefox, so a standard solution would be best.)
You need to log in before you can comment on or make changes to this bug.