body font-family: 'Anton', sans-serif;
@font-face font-family: 'Anton'; src: url('/fonts/Anton-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; anton font
| 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 | body font-family: 'Anton'
If Anton isn't available or you need variations: @font-face font-family: 'Anton'
h1, h2, h3 font-family: 'Anton', sans-serif; letter-spacing: 1px;
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet"> Use in CSS: