Skip to main content

Font Weight

Set the font weight for an element.

Widely available

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.

Media Queries

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

Pseudo Classes

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