system-font-css
Advanced tools
Comparing version 1.1.0 to 2.0.0
@@ -0,1 +1,5 @@ | ||
## 2.0.0 (2017-06-28) | ||
- Changed from `system` to `system-ui` to match the CSS specification. | ||
## 1.1.0 (2015-08-02) | ||
@@ -2,0 +6,0 @@ |
{ | ||
"name": "system-font-css", | ||
"description": "Use the native system font of the OS running the browser", | ||
"version": "1.1.0", | ||
"version": "2.0.0", | ||
"author": "Jonathan Neal <jonathantneal@hotmail.com> (http://jonathantneal.com)", | ||
"contributors": [], | ||
"contributors": [ | ||
"Zach Leatherman <zachleatherman@gmail.com> (https://zachleat.com/)" | ||
], | ||
"homepage": "https://github.com/jonathantneal/system-font-css", | ||
@@ -8,0 +10,0 @@ "license": "CC0-1.0", |
@@ -7,15 +7,15 @@ # System Font CSS | ||
body { | ||
font-family: system; | ||
font-family: system-ui; | ||
} | ||
``` | ||
[system-font.css](system-font.css) offers eight variations of the `system` font family; **light** (300) **light italic**, **normal** (400), **normal italic**, **medium** (500), **medium italic**, **bold** (700), and **bold italic**. | ||
[system-font.css](system-font.css) offers eight variations of the `system-ui` font family; **light** (300) **light italic**, **normal** (400), **normal italic**, **medium** (500), **medium italic**, **bold** (700), and **bold italic**. | ||
```css | ||
blockquote { | ||
font: italic 300 system; | ||
font: italic 300 system-ui; | ||
} | ||
p { | ||
font: 400 system; | ||
font: 400 system-ui; | ||
} | ||
@@ -36,3 +36,3 @@ ``` | ||
body { | ||
font-family: system, "Segoe UI", Tahoma; | ||
font-family: system-ui, "Segoe UI", Tahoma; | ||
} | ||
@@ -49,4 +49,7 @@ ``` | ||
## Is `system` going to be a thing? | ||
## Native `system-ui` resources | ||
Maybe. There are [discussions in the W3C](https://lists.w3.org/Archives/Public/www-style/2015Jul/0169.html) to standardize a generic `system` family. | ||
* [CSS Fonts Module Level 4 Editor’s Draft Specification](https://drafts.csswg.org/css-fonts-4/#system-ui-def) | ||
* [Chrome Platform Status](https://www.chromestatus.com/feature/5640395337760768) | ||
* Proposed for inclusion on [Can I Use](https://github.com/Fyrd/caniuse/issues/2918) | ||
* Previous [discussions in the W3C](https://lists.w3.org/Archives/Public/www-style/2015Jul/0169.html) to standardize a generic `system` family. |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
12244
53