Matter Font Reference Guide
Tailwind Font Weight Classes for Matter Font
| Font Weight | Numeric Value | Tailwind Class | Example |
|---|---|---|---|
| Matter Light | 300 | font-light | This is Matter Light |
| Matter Regular | 400 | font-normal | This is Matter Regular |
| Matter Medium | 500 | font-medium | This is Matter Medium |
| Matter SemiBold | 600 | font-semibold | This is Matter SemiBold |
| Matter Bold | 700 | font-bold | This is Matter Bold |
| Matter Heavy | 800 | font-extrabold | This is Matter Heavy |
Headline Examples
Light (300)
Never miss a call again
Regular (400)
Never miss a call again
Medium (500)
Never miss a call again
SemiBold (600)
Never miss a call again
Bold (700)
Never miss a call again
Heavy (800) - font-extrabold
Never miss a call again
Body Text Examples
Light (300)
Meet your AI receptionist: built for Canadian business owners, always on, and ready to book your next client.
Regular (400)
Meet your AI receptionist: built for Canadian business owners, always on, and ready to book your next client.
Medium (500)
Meet your AI receptionist: built for Canadian business owners, always on, and ready to book your next client.
SemiBold (600)
Meet your AI receptionist: built for Canadian business owners, always on, and ready to book your next client.
Bold (700)
Meet your AI receptionist: built for Canadian business owners, always on, and ready to book your next client.
Heavy (800) - font-extrabold
Meet your AI receptionist: built for Canadian business owners, always on, and ready to book your next client.