Anton Font: !free!

| Pairing Type | Good choices (Google Fonts) | |--------------|------------------------------| | Sans-serif body | Open Sans, Lato, Roboto, Montserrat | | Serif body | Merriweather, Playfair Display, Source Serif Pro | | Monospace accent | Source Code Pro, Roboto Mono |

If Anton isn't available or you need variations:

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

<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet"> Use in CSS:

Anton is a sans-serif typeface designed by Vernon Adams (1984–2016), a renowned type designer known for creating clean, functional display fonts. Anton was originally developed for the Google Fonts library and is released under the SIL Open Font License (OFL) . anton font

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

| 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 | | Pairing Type | Good choices (Google Fonts)

h1, h2, h3 font-family: 'Anton', sans-serif; letter-spacing: 1px;