https://github.com/ryanve/weight.css

Functional CSS font-weight module
https://github.com/ryanve/weight.css

css font-weight functional-css opensource

Last synced: about 1 month ago
JSON representation

Functional CSS font-weight module

• Host: GitHub
• URL: https://github.com/ryanve/weight.css
• Owner: ryanve
• License: isc
• Created: 2017-05-02T04:56:01.000Z (over 7 years ago)
• Default Branch: gh-pages
• Last Pushed: 2017-05-02T06:47:45.000Z (over 7 years ago)
• Last Synced: 2024-10-04T20:01:20.781Z (about 1 month ago)
• Topics: css, font-weight, functional-css, opensource
• Homepage: https://ryanve.github.io/weight.css/
• Size: 1.95 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# weight.css

Functional CSS font-weight module

## install

```

npm install weight.css --save

```

```

yarn add weight.css

```

## import

```scss

@import './node_modules/weight.css/weight';

```

## usage

```

example 100

example 200

example 300

example 400

example 500

example 600

example 700

example 800

example 900

```

### [`font-weight`](https://www.w3.org/TR/css-fonts-3/#font-weight-prop)

> Quite often there are only a few weights available for a particular font family. When a weight is specified for which no face exists, a face with a nearby weight is used. In general, bold weights map to faces with heavier weights and light weights map to faces with lighter weights

Stay bold =)