Yellowtail

Try Yellowtail

Weights and styles

• Regular 400Yellowtail Regular

About Yellowtail

Yellowtail is a script typeface that imitates writing with a flat brush. In the specimen the strokes keep a nearly constant, medium thickness, lean steeply to the right and end in blunt, squared-off tips; some lowercase letters link to their neighbours while others stand apart, which keeps words readable. The capital Y descends well below the baseline with a long tail, and the capitals in general are compact enough to sit in front of lowercase. The official notes place the style in the tradition of 1930s script faces and the loose rhythm of sign painters' lettering. Astigmatic is credited as the designer. The family is a single Regular 400 file with 371 glyphs for Latin and Latin Extended; it is not a variable font. Yellowtail was added to Google Fonts in 2011 and is published under the Apache License 2.0.

Where Yellowtail works

Diner, garage and barbershop logos

Brush strokes in a 1930s manner give a business name the look of a painted shopfront.

Sports and team-style lettering

The steep slant and continuous weight suit a word set on an upward angle with an underline tail.

Product labels

Medium-weight strokes stay solid on bottles, tins and tags where thin scripts would vanish.

Short website headlines

Partly unjoined letters keep a two- or three-word title legible on screen.

Posters and merchandise

Solid strokes of even thickness reproduce cleanly in one colour on shirts, stickers 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
• 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 Yellowtail

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

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

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

Things to know

Apache License 2.0

Yellowtail is not under the OFL. Its license asks that copies include the license text and existing notices and that modified files say they were changed.

One weight

There is a single Regular file, with no bold or alternate slant.

Avoid all capitals

The capitals are drawn to begin words; a line set entirely in capitals crowds together, as the specimen's capital row shows.

FAQs

Similar fonts

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