RESOLVED INVALID146864
Web Inspector: font: -apple-system has not supported warning, even though it is allowed 
https://bugs.webkit.org/show_bug.cgi?id=146864
Summary Web Inspector: font: -apple-system has not supported warning, even though it ...
Timothy Hatcher
Reported 2015-07-10 18:16:55 PDT
Created attachment 256633 [details] Screenshot "font: -apple-system" should be valid, but it gives a warning.
Attachments
Screenshot (93.88 KB, image/png)
2015-07-10 18:16 PDT, Timothy Hatcher 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2015-07-10 18:17:33 PDT
<rdar://problem/21778321>
Devin Rousso
Comment 2 2015-07-10 18:34:28 PDT
As far as I understand from http://www.w3.org/TR/css3-fonts/#font-prop, the font property is the shorthand version of font-style, font-weight, font-size, and font-family (as well as some others). As such, it is not valid unless values for those properties (and some different combinations that only have some of them) all exist in that order. From my testing, "font-family: -apple-system;" is valid as expected and gives no issues. So, I see one of two options here: 1. Make "-apple-system" and other fonts into keywords in CSSKeywordCompletions. 2. Keep the current functionality as is. I am not sure what goes into "-apple-system" (such as if it has a font size, weight, and style built into the keyword declaration), but it doesn't seem like a keyword to me so I think that option 2 is correct.
Timothy Hatcher
Comment 3 2015-07-10 18:46:01 PDT
Never mind, "font: 12px -apple-system" is what is needed. -apple-system does not include a size.
Note You need to log in before you can comment on or make changes to this bug.