Tienne

Try Tienne

Weights and styles

• Regular 400Tienne Regular
• Bold 700Tienne Bold
• Black 900Tienne Black

About Tienne

Tienne is a serif family drawn for text and display use in web browsers on desktop and mobile screens. Vernon Adams produced it by interpolating between Droid Serif and Artifika, two open-licensed families, which the Open Font License permits. In the specimen the letters are wide with a tall lowercase, the contrast between thick and thin strokes is moderate, and the serifs are short, blunt and firmly bracketed, so words hold together at small sizes. The family has three upright cuts: Regular 400, Bold 700 and Black 900. There are no italics and no variable axis. Each font holds 350 glyphs in the Latin subset, which is enough for English, French, German and Spanish and also for Polish, Czech and Hungarian. Tienne is published under the SIL Open Font License 1.1.

Where Tienne works

Blog and article text

The tall lowercase and blunt bracketed serifs keep Regular readable in paragraphs on phone and laptop screens.

Headlines in the same family

Bold 700 and Black 900 are much darker than Regular, so titles and body copy can share one serif.

Pull quotes and standfirsts

Black 900 set a few sizes above the text marks a quote without bringing in a second typeface.

Central European pages

The Latin set includes the letters needed for Polish, Czech, Slovak, Hungarian and Croatian alongside Western European languages.

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
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• 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 Tienne

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 Tienne 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: "Tienne";
  src: url("/assets/fonts/Tienne-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tienne";
  src: url("/assets/fonts/Tienne-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tienne";
  src: url("/assets/fonts/Tienne-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Tienne", serif;
}

Or load it from the official source. Google Fonts serves Tienne 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=Tienne:wght@400;700;900&display=swap" rel="stylesheet">

Things to know

No italics

Tienne ships three upright fonts. Browsers will slant the roman artificially if italic is requested.

A gap between 400 and 700

There is no Medium or SemiBold; the steps are Regular, Bold and Black.

Static files only

The package holds three separate TTF files and no variable font.

FAQs

Similar fonts

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