[csswg-drafts] [css-fonts] system-ui-serif, system-ui-monospaced, and system-ui-rounded (#4107)

litherum has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-fonts] system-ui-serif, system-ui-monospaced, and system-ui-rounded ==
Hi!

This year, Apple has [released](https://developer.apple.com/documentation/appkit/nsfontdescriptor/3152380-fontdescriptorwithdesign?language=objc) 3 fonts in macOS and iOS. Here are what they look like:

New York:
<img width="500" alt="Screen Shot 2019-07-11 at 10 38 00 PM" src="https://user-images.githubusercontent.com/918903/61104856-a24d4500-a42c-11e9-9301-8b75b0d47e94.png">

SF Mono
<img width="598" alt="Screen Shot 2019-07-11 at 10 38 18 PM" src="https://user-images.githubusercontent.com/918903/61104855-a1b4ae80-a42c-11e9-81c4-947e27d2a81d.png">

SF Rounded
<img width="497" alt="Screen Shot 2019-07-11 at 10 38 30 PM" src="https://user-images.githubusercontent.com/918903/61104854-a1b4ae80-a42c-11e9-820a-1fc43dccac4c.png">

We've gotten requests to use these three fonts on the Web. However, we don't want to treat these fonts just like any other font. On macOS and iOS, these fonts are only available by running special AppKit/UIKit functions, and don't appear in font enumerations. This choice is intentional, as these fonts are not intended to be document fonts for regular content. Instead, they represent the identity of the platforms themselves.

Therefore, we'd like to propose adding these fonts to the CSS Fonts spec as siblings to `system-ui`, and including some explanatory text in the spec about the difference between these fonts and any other installed fonts on the system.

Android has Droid Serif and Droid Sans Mono which would map to `system-ui-serif` and `system-ui-monospaced`. I don't know if Windows has any analogues with Segoe UI.

We've recently [implemented](https://trac.webkit.org/changeset/247377/webkit) support for these in Safari behind an SPI flag, off by default. This is an SPI, not an experimental feature, so Safari users can't even enable the fonts if they wanted to just yet.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4107 using your GitHub account

Received on Friday, 12 July 2019 05:50:56 UTC