Font Weights
These examples demonstrate utility classes from
.ss-weight-thin
(100) to
.ss-weight-black
(900).
Font Sans
.ss-weight-thin (100)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-light (200)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-light (300)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-regular (400)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-medium (500)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-semibold (600)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-bold (700)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-bold (800)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-black (900)
The quick brown fox jumps over the lazy dog. 0123456789
Font Serif
.ss-weight-thin (100)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-light (200)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-light (300)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-regular (400)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-medium (500)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-semibold (600)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-bold (700)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-bold (800)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-black (900)
The quick brown fox jumps over the lazy dog. 0123456789
Font Slab
.ss-weight-thin (100)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-light (200)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-light (300)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-regular (400)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-medium (500)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-semibold (600)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-bold (700)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-bold (800)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-black (900)
The quick brown fox jumps over the lazy dog. 0123456789
Font Mono
.ss-weight-thin (100)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-light (200)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-light (300)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-regular (400)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-medium (500)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-semibold (600)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-bold (700)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-extra-bold (800)
The quick brown fox jumps over the lazy dog. 0123456789
.ss-weight-black (900)
The quick brown fox jumps over the lazy dog. 0123456789