[5] system-ui は、システムフォントを表します。
[6] 歴史的には WebKit (Safari) の -apple-system
や Blink (Chrome) の BlinkMacSystemFont も使われました。
[1] css - How to use Apple's new San Francisco font on a webpage - Stack Overflow ( 版) <http://stackoverflow.com/questions/32660748/how-to-use-apples-new-san-francisco-font-on-a-webpage/32660790>
[2] Web ページでも San Francisco が使いたい! - Glósóli ( 版) <http://glosoli.hatenablog.com/entry/2016/03/04/222807>
[3] Issue 554590 - chromium - Deprecate BlinkMacSystemFont meta name in favor of -apple-system - Monorail ( 版) <https://bugs.chromium.org/p/chromium/issues/detail?id=554590>
[4] Issue 555090 - chromium - Implement CSS Fonts 4 "system-ui" generic font family - Monorail ( 版) <https://bugs.chromium.org/p/chromium/issues/detail?id=555090>