ryanve / weight.css

Functional CSS font-weight module

weight.css

Functional CSS font-weight module

install

npm install weight.css --save

yarn add weight.css

import

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

usage

<b class="weight-100">example 100</b>
<b class="weight-200">example 200</b>
<b class="weight-300">example 300</b>
<b class="weight-400">example 400</b>
<b class="weight-500">example 500</b>
<b class="weight-600">example 600</b>
<b class="weight-700">example 700</b>
<b class="weight-800">example 800</b>
<b class="weight-900">example 900</b>

font-weight

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 =)