Typography

To use the Pluralsight font-family on your site, you must install it by importing it from typography.com using Pluralsight's assigned CSS Key.

Pluralsight's font family for the web is Gotham SSm.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Apply the font family to the entire page. The recommended method is to include the normalize stylesheet. First install:

Then include it in your global stylesheet:

Five Gotham SSm font weights are available for use.

Aa
BOLD (700)
psTypeFontWeightBold
Aa
MEDIUM (500)
…ypeFontWeightMedium
Aa
BOOK (400)
psTypeFontWeightBook
Aa
LIGHT (300)
psTypeFontWeightLight
Aa
EXTRA LIGHT (200)
…ypeFontWeightXLight

Eight Gotham SSm font sizes are available.

The quick brown fox jumps over the lazy dog.
60px - Gigantic
psTypeFontSizeGigantic
The quick brown fox jumps over the lazy dog.
48px - XXX-Large
psTypefontSizeJumbo
The quick brown fox jumps over the lazy dog.
36px - XX-Large
psTypeFontSizeXXLarge
The quick brown fox jumps over the lazy dog.
30px - X-Large
psTypeFontSizeXLarge
The quick brown fox jumps over the lazy dog.
24px - Large
psTypeFontSizeLarge
The quick brown fox jumps over the lazy dog.
18px - Medium
psTypeFontSizeMedium
The quick brown fox jumps over the lazy dog.
14px - Small
psTypeFontSizeSmall
The quick brown fox jumps over the lazy dog.
12px - X-Small
psTypeFontSizeXSmall

Four line height increments are available. Each font size also has a default line height.

Lorem ipsum dolor sit amet, consectetur
40px - Huge
psTypeLineHeightHuge
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
32px - Extra
psTypeLineHeightExtra
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
24px - Standard
psTypeLineHeightStandard
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
20px - Tight
psTypeLineHeightTight