Varela

Try Varela

Weights and styles

• Regular 400Varela Regular

About Varela

Varela is a sans serif with broad, open letterforms and strokes of nearly uniform thickness. Its identifying detail, named in the official description and visible in the specimen, is the vertical cut that closes the curved strokes of lowercase a, c, e, g and s and of capital C, G, J and S, where many sans serifs use a horizontal or angled ending. The lowercase is tall, the capitals are wide, and the round letters are close to circular, which gives lines an even, calm rhythm. The family consists of one font, Regular 400, with no italic or bold; it has 831 glyphs covering the Latin and Latin Extended subsets. Joe Prince designed it, and the copyright notice adds the name Admix Designs. The description presents the design as plain enough for small text as well as for headlines and menu items.

Where Varela works

Navigation and menu items

Wide letters with a tall lowercase stay clear in short interface labels, a use the official description names directly.

Headlines on simple layouts

Near-circular rounds and vertically cut terminals give a headline a quiet, even texture without added decoration.

Short passages and captions

The plain Regular works for a paragraph or caption; longer documents are limited by the lack of bold and italic.

Wordmarks in lowercase

The vertical cuts on a, c, e and s line up along a word and act as a small recurring motif in a name.

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
• Vietnamese

Character sets found in the files: latin, latin-ext, vietnamese. 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 Varela

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 Varela 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: "Varela";
  src: url("/assets/fonts/Varela-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

Or load it from the official source. Google Fonts serves Varela 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=Varela&display=swap" rel="stylesheet">

Things to know

One style only

Varela has Regular 400 and nothing else. Emphasis has to come from size, colour or a second family, or from faux bold and italic made by the browser.

Wide set

The letters are broad, so a line of Varela takes more room than the same text in a narrower sans.

Reserved font name

The license notice reserves the name Varela for the original; a modified version needs another name.

FAQs

Similar fonts

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