Font Weight

Set the font weight for an element.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

fw-100

font-weight: 100;

fw-200

font-weight: 200;

fw-300

font-weight: 300;

fw-400

font-weight: 400;

fw-500

font-weight: 500;

fw-600

font-weight: 600;

fw-700

font-weight: 700;

fw-800

font-weight: 800;

fw-900

font-weight: 900;

Yumma CSS uses the value 600 for all headings. Learn more about it in the normalize docs.

Yumma CSS uses the value 700 for elements like <b> and <strong>. Learn more about it in the normalize docs.

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.