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

@hig/fonts

Package Overview
Dependencies
Maintainers
4
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/fonts - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

7

CHANGELOG.md

@@ -0,1 +1,8 @@

# [@hig/fonts-v1.0.2](https://github.com/Autodesk/hig/compare/@hig/fonts@1.0.1...@hig/fonts@1.0.2) (2019-03-05)
### Bug Fixes
* 700 font-weight fix for css file ([c791143](https://github.com/Autodesk/hig/commit/c791143))
# [@hig/fonts-v1.0.1](https://github.com/Autodesk/hig/compare/@hig/fonts@1.0.0...@hig/fonts@1.0.1) (2019-02-07)

@@ -2,0 +9,0 @@

2

package.json
{
"name": "@hig/fonts",
"version": "1.0.1",
"version": "1.0.2",
"description": "HIG Fonts",

@@ -5,0 +5,0 @@ "author": "Autodesk Inc.",

@@ -15,12 +15,34 @@ # Fonts

### Import stylesheets
The design system specifies three font weights, 400, 600, and 700. For ease of use we provide `ArtifactElement.css` which imports those three weights.
```js
/* ArtifaktElement font w/ weights used in the design system (400, 600, and 800) */
/* ArtifaktElement font w/ weights used in the design system (400, 600, and 700) */
import "@hig/fonts/build/ArtifaktElement.css";
```
```scss
/* ArtifaktElement font w/ weights used in the design system (400, 600, and 800) */
@import "~@hig/fonts/build/ArtifaktElement.css";
### Import additional weights
If you need more granular control, you can import each font your app uses, including weights beyond those reccommended in the desing system.
```js
/* ArtifaktElement font weights individually */
import "@hig/fonts/build/ArtifaktElement100.css";
import "@hig/fonts/build/ArtifaktElement200.css";
import "@hig/fonts/build/ArtifaktElement300.css";
import "@hig/fonts/build/ArtifaktElement400.css";
import "@hig/fonts/build/ArtifaktElement500.css";
import "@hig/fonts/build/ArtifaktElement600.css";
import "@hig/fonts/build/ArtifaktElement700.css";
import "@hig/fonts/build/ArtifaktElement800.css";
import "@hig/fonts/build/ArtifaktElement900.css";
```
### Import all weights
You can import all weights at once, but do so with caution. Importing unused font weights may unneccesarily increase package size.
```js
/* ArtifaktElement font w/ weights used in the design system (400, 600, and 700) */
import "@hig/fonts/build/ArtifaktElementAll.css";
```

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