Antonio

Try Antonio

Weights and styles

• Thin 100Antonio Thin
• ExtraLight 200Antonio ExtraLight
• Light 300Antonio Light
• Regular 400Antonio Regular
• Medium 500Antonio Medium
• SemiBold 600Antonio SemiBold
• Bold 700Antonio Bold

Antonio is a variable font: the download holds the whole weight range in one file, and the named weights above are positions on that range.

About Antonio

Antonio is a condensed sans serif family built on the Anton design. Where Anton exists only as one very heavy cut, Antonio spreads the same tall, straight-sided letters over seven weights, Thin, ExtraLight, Light, Regular, Medium, SemiBold and Bold, on a variable weight axis from 100 to 700. The official description says the refinements were made so that the face also works in smaller headings, menus and buttons. In the specimen the letters are narrow with flat-sided curves, the lowercase is tall, and even the Bold is lighter and more open than Anton. There are no italics, and the heaviest weight stops at 700. The font contains 440 glyphs in the Latin and Latin Extended subsets, with letters for Turkish, Polish, Czech and other European languages; Vietnamese is not covered. Vernon Adams is the designer, and the license is the SIL Open Font License 1.1.

Where Antonio works

Navigation menus and buttons

Narrow letters fit long labels into small controls, one of the uses the refinements over Anton were made for.

Subheads under a heavy title

Light to Medium weights give a condensed second level that keeps the same letter shapes as the headline.

Tables and tight columns

Condensed figures and letters save horizontal space in schedules, fixtures and price lists.

Wayfinding and labels

Tall lowercase and straight-sided curves stay distinct when words must be narrow and upright.

Thin display numerals

Thin 100 and ExtraLight 200 turn large numbers into fine vertical lines for dashboards and posters.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian

Character sets found in the files: latin, latin-ext. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Antonio

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Antonio on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Antonio";
  src: url("/assets/fonts/Antonio-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Antonio", sans-serif;
}

Or load it from the official source. Google Fonts serves Antonio with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap" rel="stylesheet">

Things to know

Stops at Bold

The weight axis runs from 100 to 700. For something heavier, the related Anton font is a single much darker cut.

No italics

Antonio has seven upright styles in one variable file.

Latin only

The 440 glyphs cover Latin and Latin Extended; Vietnamese, Cyrillic and Greek are absent.

FAQs

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts