payload: {"action":"created","issue":{"url":"https://api.github.com/repos/mozdevs/cssremedy/issues/43","repository_url":"https://api.github.com/repos/mozdevs/cssremedy","labels_url":"https://api.github.com/repos/mozdevs/cssremedy/issues/43/labels{/name}","comments_url":"https://api.github.com/repos/mozdevs/cssremedy/issues/43/comments","events_url":"https://api.github.com/repos/mozdevs/cssremedy/issues/43/events","html_url":"https://github.com/mozdevs/cssremedy/issues/43","id":442031977,"node_id":"MDU6SXNzdWU0NDIwMzE5Nzc=","number":43,"title":"UI system fonts by default?","user":{"login":"eallenOP","id":10552518,"node_id":"MDQ6VXNlcjEwNTUyNTE4","avatar_url":"https://avatars2.githubusercontent.com/u/10552518?v=4","gravatar_id":"","url":"https://api.github.com/users/eallenOP","html_url":"https://github.com/eallenOP","followers_url":"https://api.github.com/users/eallenOP/followers","following_url":"https://api.github.com/users/eallenOP/following{/other_user}","gists_url":"https://api.github.com/users/eallenOP/gists{/gist_id}","starred_url":"https://api.github.com/users/eallenOP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eallenOP/subscriptions","organizations_url":"https://api.github.com/users/eallenOP/orgs","repos_url":"https://api.github.com/users/eallenOP/repos","events_url":"https://api.github.com/users/eallenOP/events{/privacy}","received_events_url":"https://api.github.com/users/eallenOP/received_events","type":"User","site_admin":false},"labels":[{"id":1230538725,"node_id":"MDU6TGFiZWwxMjMwNTM4NzI1","url":"https://api.github.com/repos/mozdevs/cssremedy/labels/typography","name":"typography","color":"f9d0c4","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2019-05-09T03:24:23Z","updated_at":"2019-09-15T02:34:15Z","closed_at":null,"author_association":"NONE","body":"I know this is low-hanging fruit, but I'm procrastiworking.\r\nSo, basically this necolas/normalize.css#665. Normalize stuck with `sans-serif`, but others (e.g. [Reboot](https://getbootstrap.com/docs/4.0/content/reboot/#native-font-stack), modern-normalize) go with system UI fonts.\r\n\r\nThere are plenty of examples of authoritative sites using a system UI stack (the words you're reading now: case-in-point). The idea is [not new](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/), obviously. \r\n\r\nSo stick with Times/TNR, go with `sans-serif`, or this?\r\n```css\r\nbody {\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n}\r\n```\r\n(Reboot still has `html { font-family: sans-serif; }` as well as the above)\r\nOr something else?\r\n"},"comment":{"url":"https://api.github.com/repos/mozdevs/cssremedy/issues/comments/531529089","html_url":"https://github.com/mozdevs/cssremedy/issues/43#issuecomment-531529089","issue_url":"https://api.github.com/repos/mozdevs/cssremedy/issues/43","id":531529089,"node_id":"MDEyOklzc3VlQ29tbWVudDUzMTUyOTA4OQ==","user":{"login":"jensimmons","id":108474,"node_id":"MDQ6VXNlcjEwODQ3NA==","avatar_url":"https://avatars3.githubusercontent.com/u/108474?v=4","gravatar_id":"","url":"https://api.github.com/users/jensimmons","html_url":"https://github.com/jensimmons","followers_url":"https://api.github.com/users/jensimmons/followers","following_url":"https://api.github.com/users/jensimmons/following{/other_user}","gists_url":"https://api.github.com/users/jensimmons/gists{/gist_id}","starred_url":"https://api.github.com/users/jensimmons/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jensimmons/subscriptions","organizations_url":"https://api.github.com/users/jensimmons/orgs","repos_url":"https://api.github.com/users/jensimmons/repos","events_url":"https://api.github.com/users/jensimmons/events{/privacy}","received_events_url":"https://api.github.com/users/jensimmons/received_events","type":"User","site_admin":false},"created_at":"2019-09-15T02:34:15Z","updated_at":"2019-09-15T02:34:15Z","author_association":"CONTRIBUTOR","body":"Two things:\r\n1) I don't really think it's appropriate to use `system-ui` fonts for this. The point of that CSS name is for designers to be able to make part of their web site (or app) look like part of the OS. And that's not what most content on most sites is doing. If we were attempting to create a default generic typography style, I'd rather pick some beautiful fonts like Avenir, and use them.\r\n\r\n2) I don't think we are aiming to create a beautiful default typography style. Right now, the web [defaults to](https://codepen.io/jensimmons/pen/dybjNgg) Times in Firefox (Mac) and Chromium (Mac), Lato in Safari (Mac).... which is not pretty. But 98% of websites are going to define their own font stack. They are going to setup their own font-family sets... build out the typography with their cascade... and it can be quite frustrating and annoying to have yet another declaration in the cascade that just has to be overridden. It can actually be a bit confusing — \"why did they include this? Is it better? Should I keep it? Is there something about how they setup font-families that I should copy? \r\n\r\nI was leaning towards us doing nothing regarding font-families. That way there's nothing to replace or override.\r\n\r\nAlternatively, we could provide a separate stylesheet that has options for pretty fonts. Even define a few options — a serif stack, a sans-serif stack. And build them 100% from fonts pre-installed on user's operating systems. Offer them as something to consider — much like the reminders.  But I don't want to use `system-ui` fonts for that. \r\n"}}
other: {"actor":{"display_login":"jensimmons"}}