system-ui.css v2.0.0

system-ui.css

An opinionated system-ui fallback, exposed as a class

Why

I needed a targeted way to experiment with a system-font.

What

Here's all the code.

.system-ui {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

Usage

The package exposes the class system-ui.

browser

<link rel="stylesheet" href="https://unpkg.com/system-ui.css" />

webpack

npm i -P system-ui.css

# or

yarn add system-ui.css

import "system-ui.css";

License

© 2018 John Doe All Rights Reserved

MIT