https://github.com/chantastic/system-ui.css
An opinionated system-ui fallback, exposed as a class
https://github.com/chantastic/system-ui.css
Last synced: about 1 year ago
JSON representation
An opinionated system-ui fallback, exposed as a class
- Host: GitHub
- URL: https://github.com/chantastic/system-ui.css
- Owner: chantastic
- License: mit
- Created: 2018-01-08T19:42:00.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-08T20:13:53.000Z (over 8 years ago)
- Last Synced: 2025-03-18T14:46:19.065Z (over 1 year ago)
- Language: CSS
- Size: 3.91 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.
```css
.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
```html
```
#### webpack
```bash
npm i -P system-ui.css
# or
yarn add system-ui.css
```
```js
import "system-ui.css";
```
### License
© 2018 John Doe All Rights Reserved
MIT