Fontdiner Swanky

Try Fontdiner Swanky

Weights and styles

• Regular 400Fontdiner Swanky Regular

About Fontdiner Swanky

Fontdiner Swanky is a display typeface in a mid-century cartoon style. Font Diner's own description calls it a retro Latin face with sharp serifs and ties it to the Atomic Age. In the specimen each letter leans its own way, capitals and lowercase vary in size, and the baseline jumps from character to character. Serifs are long spikes: the capital A stands on two pointed feet, and T, Z and E end in wedges. The strokes are heavy, with clear contrast between thick stems and thin joins, and the lowercase g and y end in fat curled tails. The numerals overlap slightly, like hand-cut lettering. The family is one Regular style with 231 glyphs covering basic Latin. It is not a variable font, and its license is Apache 2.0.

Where Fontdiner Swanky works

Cocktail and lounge menus

The bouncing, sharp-serifed letters recall hand-lettered signs for bars and supper clubs of the 1950s.

Diner and tiki branding

A restaurant name set in Swanky carries a period flavour before any illustration is added.

Party invitations

Uneven baselines and tilted capitals give a headline an animated, playful rhythm.

Retro packaging and labels

A product name of one or two words becomes the decoration on a label or sticker.

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 Fontdiner Swanky

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

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

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

Things to know

Uneven by design

Letters tilt and shift on the baseline. Text will not look aligned, and that cannot be turned off.

One style

Fontdiner Swanky is Regular 400 only, with no italic or second weight.

Apache 2.0 license

The fonts are under the Apache License 2.0, not the SIL Open Font License.

FAQs

Collections with Fontdiner Swanky

• Mid-century display fonts from the 1950s to the 1970s

  Bouncing, hand-lettered display faces after post-war advertising, cartoons, motel signs and record covers.

Similar fonts

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