Tangerine

Try Tangerine

Weights and styles

• Regular 400Tangerine Regular
• Bold 700Tangerine Bold

About Tangerine

Tangerine is a calligraphic script drawn from italic chancery handwriting of the 16th and 17th centuries. Its lowercase is small and slanted, while ascenders and descenders reach far above and below it, so lines need generous spacing and the text forms a light, open texture. The capitals are swash forms with long hairline entry strokes, and the figures rise and fall like the lowercase. Letters stand close together without being joined into one continuous line. Toshi Omagari designed the face; according to the official notes it is named after a woman who encouraged him to start the work. The family has two styles, Regular and Bold, with 231 glyphs in the basic Latin set, and it is not a variable font. Tangerine was added to Google Fonts in 2010 and is published under the SIL Open Font License 1.1.

Where Tangerine works

Invitations and place cards

Swash capitals and long ascenders give names a written, formal look when set large.

Titles over plain text

A short title in Tangerine above a quiet text face uses the tall ascenders as decoration without ornaments.

Menus and certificates

The Bold cut keeps the hairlines visible on textured paper or at slightly smaller sizes than Regular allows.

Quotes and dedications

One or two lines of the chancery lowercase read as penmanship on a title page or a card.

Monograms

The capitals carry long entry strokes that fill the space around a pair of initials.

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

Character sets found in the files: latin. 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 Tangerine

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

body {
  font-family: "Tangerine", cursive;
}

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

Things to know

Small lowercase

The lowercase is short in relation to the ascenders, so Tangerine has to be set much larger than a text face to reach the same apparent size.

Needs line spacing

Tall ascenders and long descenders collide between lines unless the leading is opened up.

Regular and Bold only

There is no separate italic; the design itself is slanted.

FAQs

Collections with Tangerine

• Script fonts for wedding invitations

  Formal and semi-formal connected scripts for names, invitations and place cards, from copperplate hairlines to relaxed pen writing.

Similar fonts

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