Archiv Grotesk

HyperGrounded's very own accent typeface

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