How to Use
Add this line to the <head> of your HTML file:
<link rel="stylesheet"
href="https://fonts.hypergrounded.com/archiv-grotesk.css">
Then use it in your CSS:
body { font-family: 'Archiv Grotesk', sans-serif; } .heading {
font-family: 'Archiv Grotesk', sans-serif; font-weight: 700; /* Bold
*/ }
Font Weights
Hairline (100)
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Light (300)
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Regular (400)
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Normal (450)
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
SemiBold (600)
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Bold (700)
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789