London was designed by Antonio Rodrigues Jr. TypeSmith catalogs designer information alongside font metadata to provide context about the typographic lineage and design philosophy behind each typeface.

Expert Font Pairings

Best Fonts to Pair WithLondon

Q: How many font weights does London offer?

London offers 1 weight. A wider weight range provides more flexibility for establishing visual hierarchy in headings, body text, and UI elements.

Q: How accessible is London for body text?

TypeSmith rates London with moderate accessibility. Its standard proportions offer acceptable readability for general use, though specialized accessibility fonts may perform better for extended reading. For maximum readability, TypeSmith recommends testing at 16px minimum with 1.5 line-height.

Q: What Vox-ATypI classification does London belong to?

London falls under the Classicals & Moderns classification in the Vox-ATypI system maintained by the Association Typographique Internationale. The Classicals & Moderns branch of Vox-ATypI encompasses Humanist, Garalde, Transitional, and Didone typefaces — the foundation of Western typography.

TypeSmith curates 6 expert font pairings for London, a Serif typeface designed by Antonio Rodrigues Jr.

London crafts professional layouts with Helmet, Flemmatico, Umbara, Alata, and Loyal Sans. This versatile typeface supports This font encodes 61 glyphs covering Latin. Text outside these ranges falls back to another face in the stack..

Expert Pairings6

CategorySerif

AccessibilityC

DesignerAntonio Rodrigues Jr

Test Pairings View London Details

Scroll to explore

About This Pairing

Best Font Pairings for London

TypeSmith pairs London with Helmet as a serif–sans contrast combination. London provides refined letterforms with stroke contrast, while Helmet contributes clean geometric or humanist letterforms.

This pairing establishes clear typographic hierarchy where London anchors long-form reading, editorial layouts, and traditional print and Helmet extends into digital interfaces, web typography, and contemporary branding. TypeSmith curates 6 total pairings for London, with Helmet selected for its complementary screen legibility and modern clarity.

Why It Works

Best Font Pairing Analysis for London

The structural difference between London and Helmet creates visual interest without conflict. London's refined letterforms with stroke contrast pairs against Helmet's clean geometric or humanist letterforms, producing the structural variation that guides readers through content hierarchy.

These typefaces share underlying compatibility: London and Helmet share proportional compatibility that unifies them as a system. Helmet's sans-serif clarity complements London Typeface's traditional character. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

Within page layouts, London functions best at heading sizes (24px and above) where its editorial authority and classical elegance is most effective. Helmet excels at body text sizes (14-18px) where screen legibility and modern clarity ensures comfortable reading.

Typography Expertise

Best Font Pairing Expertise for London

TypeSmith evaluates London pairings across typographic contrast, visual compatibility, and practical application. Each recommended combination is assessed for structural harmony and functional hierarchy.

Typographic Contrast

Typographic contrast. London and Helmet form a serif–sans contrast pairing. London brings editorial authority and classical elegance while Helmet provides screen legibility and modern clarity. This structural relationship creates the visual tension that effective typography requires.

Visual Compatibility

Proportional harmony. TypeSmith evaluates London and Helmet for proportional compatibility, x-height alignment, and stroke weight balance. These metrics determine whether two typefaces function as a unified system rather than competing for visual attention.

Practical Application

Practical deployment. This pairing serves long-form reading, editorial layouts, and traditional print contexts where London leads at display sizes and Helmet supports at text sizes. Among 6 curated pairings for London, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for London

Ranked by compatibility

TypeSmith presents 6 expert-curated font pairings for London, each with detailed compatibility analysis and usage recommendations.

Each pairing includes live typography previews, expert reasoning, accessibility grades, and specific guidance for web, print, and application design projects.

#1Recommended Pairing

London+Helmet

LondonCSerif

HelmetCSans Serif

Expert Judgment

Helmet's sans-serif clarity complements London Typeface's traditional character

London headlines + Helmet body

London + Helmet Font Pairing

This font pairing combines London headlines with Helmet body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Helmet headlines + London body

Helmet + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Helmet's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Helmet focuses on conveying modernity and innovation.
Readability: Helmet's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Helmet to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Helmet provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Helmet across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Helmet: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Helmet

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helmet';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/helmet/Helmet-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Helmet

Recommended sizes, weights, and line heights for London + Helmet.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Helmet	1rem / 16px	400	1.6
Small	Helmet	0.875rem / 14px	400	1.5
Caption	Helmet	0.75rem / 12px	500	1.4

#1Recommended Pairing

London+Flemmatico

LondonCSerif

FlemmaticoASans Serif

Expert Judgment

London's bold presence works excellently with Flemmatico as supporting body text

London headlines + Flemmatico body

London + Flemmatico Font Pairing

This font pairing combines London headlines with Flemmatico body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Flemmatico headlines + London body

Flemmatico + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Flemmatico's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Flemmatico focuses on conveying modernity and innovation.
Readability: Flemmatico's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Flemmatico to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Flemmatico provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Flemmatico across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Flemmatico: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Flemmatico

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Flemmatico';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/flemmatico/Flemmatico-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Flemmatico

Recommended sizes, weights, and line heights for London + Flemmatico.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Flemmatico	1rem / 16px	400	1.6
Small	Flemmatico	0.875rem / 14px	400	1.5
Caption	Flemmatico	0.75rem / 12px	500	1.4

#2Recommended Pairing

London+Umbara

LondonCSerif

UmbaraB+Serif

Expert Judgment

London's decorative style pairs well with Umbara's elegant readability

London headlines + Umbara body

London + Umbara Font Pairing

This font pairing combines London headlines with Umbara body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Umbara headlines + London body

Umbara + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Harmonious Unity: Both London and Umbara share serif characteristics, creating a cohesive typographic system with subtle variation.
Consistent Tone: The shared design philosophy ensures visual consistency while distinct personalities prevent monotony.
Readability: Umbara's traditional typography roots with timeless appeal complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Umbara to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Umbara provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Umbara across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Umbara: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Umbara

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Umbara';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/umbara/Umbara.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Umbara

Recommended sizes, weights, and line heights for London + Umbara.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Umbara	1rem / 16px	400	1.6
Small	Umbara	0.875rem / 14px	400	1.5
Caption	Umbara	0.75rem / 12px	500	1.4

#3Recommended Pairing

London+Alata

LondonCSerif

AlataASans Serif

Expert Judgment

Alata's clean aesthetic provides the perfect foundation for London's expressive style

London headlines + Alata body

London + Alata Font Pairing

This font pairing combines London headlines with Alata body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Alata headlines + London body

Alata + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Alata's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Alata focuses on conveying modernity and innovation.
Readability: Alata's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Alata to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Alata provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Alata across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Alata: 14px–18px for body text, 12px–14px for captions

External: LondonGoogle: Alata

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Alata:wght@400;500;600;700&display=swap');

Get Alata All London pairings View Alata

Recommended sizes, weights, and line heights for London + Alata.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Alata	1rem / 16px	400	1.6
Small	Alata	0.875rem / 14px	400	1.5
Caption	Alata	0.75rem / 12px	500	1.4

#4Recommended Pairing

London+Loyal Sans

LondonCSerif

Loyal SansB+Sans Serif

Expert Judgment

The classic serif styling of London Typeface balances beautifully with Loyal Sans Typeface's modern simplicity

London headlines + Loyal Sans body

London + Loyal Sans Font Pairing

This font pairing combines London headlines with Loyal Sans body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Loyal Sans headlines + London body

Loyal Sans + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Loyal Sans's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Loyal Sans focuses on conveying modernity and innovation.
Readability: Loyal Sans's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Loyal Sans to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Loyal Sans provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Loyal Sans across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Loyal Sans: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Loyal Sans

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Loyal Sans';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/loyal-sans-typeface/LoyalSansRegularv1.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Loyal Sans

Recommended sizes, weights, and line heights for London + Loyal Sans.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Loyal Sans	1rem / 16px	400	1.6
Small	Loyal Sans	0.875rem / 14px	400	1.5
Caption	Loyal Sans	0.75rem / 12px	500	1.4

#5Recommended Pairing

London+Speck

LondonCSerif

SpeckB+Sans Serif

Expert Judgment

London Typeface creates elegant contrast when paired with Speck's clean lines

London headlines + Speck body

London + Speck Font Pairing

This font pairing combines London headlines with Speck body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Speck headlines + London body

Speck + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Speck's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Speck focuses on conveying modernity and innovation.
Readability: Speck's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Speck to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Speck provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Speck across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Speck: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Speck

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Speck';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/speck/Speck-Display.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Speck

Recommended sizes, weights, and line heights for London + Speck.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Speck	1rem / 16px	400	1.6
Small	Speck	0.875rem / 14px	400	1.5
Caption	Speck	0.75rem / 12px	500	1.4

Interactive Preview Tool

Test London Font Pairings

Preview London with different pairing options in real-time. Use TypeSmith Test Font Pairings to adjust typography settings and find the perfect combination for your project.

Live font previewAdjust typography settingsCompare side by side

Test Font PairingsFree • No account required

Typography Reference

Best Font Guide for London

Optical Characteristics of London

London exhibits distinct optical properties rooted in serif design conventions. Key visual features include modulated stroke contrast from axis of stress and bracketed or hairline serifs terminating each stroke. Serifs guide horizontal eye movement along the baseline, making text sizes above 9 pt highly readable in print.

Within the serif classification, London achieves its visual identity through deliberate stroke construction and proportion decisions. On screen, hinting quality determines legibility below 14 px.

The counter shapes and terminal design of London contribute to its overall typographic texture, influencing how the eye processes letterforms at both display and body sizes.

Explore more serif fonts →

Design Heritage of London Typography

London in Professional Design Applications

Accessibility & Readability Analysis for London

Technical Typography Specifications for London

Frequently Asked Questions

Best Font Pairing FAQ for London

What type of font is London?

London is a serif typeface classified under the Classicals & Moderns branch of the Vox-ATypI system. Related categories include slab-serif. The Classicals & Moderns branch of Vox-ATypI encompasses Humanist, Garalde, Transitional, and Didone typefaces — the foundation of Western typography.

How many font weights does London offer?

How accessible is London for body text?

Who designed London?

What Vox-ATypI classification does London belong to?

Ready to Design

Best Font Pairing — Start with London

Download London, test it with curated pairings, or explore its full typographic profile to find the right combination for your project.

Test Pairings View London Details

Continue Exploring

Best Font Resources

TypeSmith provides detailed specifications, alternative pairings, and category exploration for London and all serif fonts. Use these resources to refine your typography selection with accessibility ratings and live preview tools.

London Details

View complete font specifications, weights, and character set information.

More Serif Fonts

Browse all serif fonts with similar characteristics.

All Font Pairings

Explore the complete collection of curated font pairing recommendations.

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithLondon

TypeSmith curates 6 expert font pairings for London, a Serif typeface designed by Antonio Rodrigues Jr.

Expert Pairings6

CategorySerif

AccessibilityC

DesignerAntonio Rodrigues Jr

About This Pairing

Best Font Pairings for London

TypeSmith pairs London with Helmet as a serif–sans contrast combination. London provides refined letterforms with stroke contrast, while Helmet contributes clean geometric or humanist letterforms.

Why It Works

Best Font Pairing Analysis for London

Typography Expertise

Best Font Pairing Expertise for London

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for London

Ranked by compatibility

TypeSmith presents 6 expert-curated font pairings for London, each with detailed compatibility analysis and usage recommendations.

Each pairing includes live typography previews, expert reasoning, accessibility grades, and specific guidance for web, print, and application design projects.

#1Recommended Pairing

London+Helmet

LondonCSerif

HelmetCSans Serif

Expert Judgment

Helmet's sans-serif clarity complements London Typeface's traditional character

London headlines + Helmet body

London + Helmet Font Pairing

This font pairing combines London headlines with Helmet body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Helmet headlines + London body

Helmet + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Helmet's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Helmet focuses on conveying modernity and innovation.
Readability: Helmet's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Helmet to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Helmet provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Helmet across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Helmet: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Helmet

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helmet';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/helmet/Helmet-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Helmet

Recommended sizes, weights, and line heights for London + Helmet.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Helmet	1rem / 16px	400	1.6
Small	Helmet	0.875rem / 14px	400	1.5
Caption	Helmet	0.75rem / 12px	500	1.4

#1Recommended Pairing

London+Flemmatico

LondonCSerif

FlemmaticoASans Serif

Expert Judgment

London's bold presence works excellently with Flemmatico as supporting body text

London headlines + Flemmatico body

London + Flemmatico Font Pairing

This font pairing combines London headlines with Flemmatico body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Flemmatico headlines + London body

Flemmatico + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Flemmatico's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Flemmatico focuses on conveying modernity and innovation.
Readability: Flemmatico's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Flemmatico to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Flemmatico provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Flemmatico across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Flemmatico: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Flemmatico

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Flemmatico';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/flemmatico/Flemmatico-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Flemmatico

Recommended sizes, weights, and line heights for London + Flemmatico.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Flemmatico	1rem / 16px	400	1.6
Small	Flemmatico	0.875rem / 14px	400	1.5
Caption	Flemmatico	0.75rem / 12px	500	1.4

#2Recommended Pairing

London+Umbara

LondonCSerif

UmbaraB+Serif

Expert Judgment

London's decorative style pairs well with Umbara's elegant readability

London headlines + Umbara body

London + Umbara Font Pairing

This font pairing combines London headlines with Umbara body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Umbara headlines + London body

Umbara + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Harmonious Unity: Both London and Umbara share serif characteristics, creating a cohesive typographic system with subtle variation.
Consistent Tone: The shared design philosophy ensures visual consistency while distinct personalities prevent monotony.
Readability: Umbara's traditional typography roots with timeless appeal complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Umbara to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Umbara provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Umbara across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Umbara: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Umbara

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Umbara';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/umbara/Umbara.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Umbara

Recommended sizes, weights, and line heights for London + Umbara.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Umbara	1rem / 16px	400	1.6
Small	Umbara	0.875rem / 14px	400	1.5
Caption	Umbara	0.75rem / 12px	500	1.4

#3Recommended Pairing

London+Alata

LondonCSerif

AlataASans Serif

Expert Judgment

Alata's clean aesthetic provides the perfect foundation for London's expressive style

London headlines + Alata body

London + Alata Font Pairing

This font pairing combines London headlines with Alata body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Alata headlines + London body

Alata + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Alata's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Alata focuses on conveying modernity and innovation.
Readability: Alata's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Alata to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Alata provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Alata across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Alata: 14px–18px for body text, 12px–14px for captions

External: LondonGoogle: Alata

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Alata:wght@400;500;600;700&display=swap');

Get Alata All London pairings View Alata

Recommended sizes, weights, and line heights for London + Alata.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Alata	1rem / 16px	400	1.6
Small	Alata	0.875rem / 14px	400	1.5
Caption	Alata	0.75rem / 12px	500	1.4

#4Recommended Pairing

London+Loyal Sans

LondonCSerif

Loyal SansB+Sans Serif

Expert Judgment

The classic serif styling of London Typeface balances beautifully with Loyal Sans Typeface's modern simplicity

London headlines + Loyal Sans body

London + Loyal Sans Font Pairing

This font pairing combines London headlines with Loyal Sans body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Loyal Sans headlines + London body

Loyal Sans + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Loyal Sans's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Loyal Sans focuses on conveying modernity and innovation.
Readability: Loyal Sans's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Loyal Sans to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Loyal Sans provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Loyal Sans across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Loyal Sans: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Loyal Sans

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Loyal Sans';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/loyal-sans-typeface/LoyalSansRegularv1.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Loyal Sans

Recommended sizes, weights, and line heights for London + Loyal Sans.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Loyal Sans	1rem / 16px	400	1.6
Small	Loyal Sans	0.875rem / 14px	400	1.5
Caption	Loyal Sans	0.75rem / 12px	500	1.4

#5Recommended Pairing

London+Speck

LondonCSerif

SpeckB+Sans Serif

Expert Judgment

London Typeface creates elegant contrast when paired with Speck's clean lines

London headlines + Speck body

London + Speck Font Pairing

This font pairing combines London headlines with Speck body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Speck headlines + London body

Speck + London Font Pairing

Reversing the roles demonstrates the versatility of this Serif and Sans Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: London's refined letterforms with decorative terminals pairs effectively with Speck's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—London establishing authority and credibility while Speck focuses on conveying modernity and innovation.
Readability: Speck's excellent screen legibility across devices complements London's classical proportions and elegant stroke contrast, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for editorial and publishing projects and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use London for headlines, navigation, and hero sections where impact matters. Apply Speck to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

London excels in editorial and publishing projects, while Speck provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with London in logos and key messaging. Extend the system with Speck across marketing materials and corporate communications.

Recommended Sizing

London: 24px–72px for headings, 18px–24px for subheadings
Speck: 14px–18px for body text, 12px–14px for captions

External: LondonExternal: Speck

@font-face {
  font-family: 'London';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/london/LondonCitype.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Speck';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/speck/Speck-Display.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All London pairings View Speck

Recommended sizes, weights, and line heights for London + Speck.

Element	Font	Size	Weight	Line Height
H1	London	3.5rem / 56px	700	1.1
H2	London	2.25rem / 36px	600	1.2
H3	London	1.5rem / 24px	600	1.3
Body	Speck	1rem / 16px	400	1.6
Small	Speck	0.875rem / 14px	400	1.5
Caption	Speck	0.75rem / 12px	500	1.4

Interactive Preview Tool

Test London Font Pairings

Preview London with different pairing options in real-time. Use TypeSmith Test Font Pairings to adjust typography settings and find the perfect combination for your project.

Live font previewAdjust typography settingsCompare side by side

Test Font PairingsFree • No account required

Typography Reference

Best Font Guide for London

Optical Characteristics of London

Within the serif classification, London achieves its visual identity through deliberate stroke construction and proportion decisions. On screen, hinting quality determines legibility below 14 px.

The counter shapes and terminal design of London contribute to its overall typographic texture, influencing how the eye processes letterforms at both display and body sizes.

Explore more serif fonts →

Design Heritage of London Typography

London in Professional Design Applications

Accessibility & Readability Analysis for London

Technical Typography Specifications for London

Frequently Asked Questions

Best Font Pairing FAQ for London

What type of font is London?

How many font weights does London offer?

How accessible is London for body text?

Who designed London?

What Vox-ATypI classification does London belong to?

Ready to Design

Best Font Pairing — Start with London

Download London, test it with curated pairings, or explore its full typographic profile to find the right combination for your project.

Test Pairings View London Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithLondon

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for London

London+Helmet

London + Helmet Font Pairing

Helmet + London Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

London+Flemmatico

London + Flemmatico Font Pairing

Flemmatico + London Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

London+Umbara

London + Umbara Font Pairing

Umbara + London Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

London+Alata

London + Alata Font Pairing

Alata + London Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

London+Loyal Sans

London + Loyal Sans Font Pairing

Loyal Sans + London Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

London+Speck

London + Speck Font Pairing

Speck + London Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Best Font Pairings for Serif Fonts

Abhaya Libre

Aleo

Faustina

Gloock

Alice

Grandiflora One

Test London Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with London

Best Font Resources

London Details

More Serif Fonts

All Font Pairings

Browse by Category

Best Fonts to Pair WithLondon

About This Pairing