Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

system-font-css

Package Overview
Dependencies
Maintainers
2
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

system-font-css - npm Package Compare versions

Comparing version 1.1.0 to 2.0.0

4

CHANGELOG.md

@@ -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 @@

6

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc