Anton Font: !link!

.anton-headline font-family: 'Anton', sans-serif; letter-spacing: 0.05em; text-transform: uppercase; /* ensures consistency */

@font-face font-family: 'Anton'; src: url('/fonts/Anton-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; anton font

body font-family: 'Anton', sans-serif;

If Anton isn't available or you need variations: .anton-headline font-family: 'Anton'

| Do | Don't | |----|-------| | Use large sizes (≥36px for headlines) | Use below 18px for body text | | Increase letter-spacing slightly | Set long all-caps sentences | | Combine with a neutral body font | Use on low-resolution screens | | Apply to short impactful messages | Force lowercase usage | src: url('/fonts/Anton-Regular.ttf') format('truetype')