Expert Font Pairings

Best Fonts to Pair WithCalling Code

Q: How many font weights does Calling Code offer?

Calling Code 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 Calling Code for body text?

TypeSmith rates Calling Code with good accessibility. Its well-proportioned letterforms and adequate spacing provide comfortable reading in most contexts. For maximum readability, TypeSmith recommends testing at 16px minimum with 1.5 line-height.

Q: Who designed Calling Code?

Calling Code was designed by Dharma Type. TypeSmith catalogs designer information alongside font metadata to provide context about the typographic lineage and design philosophy behind each typeface.

Q: What Vox-ATypI classification does Calling Code belong to?

Calling Code falls under the Lineal classification in the Vox-ATypI system maintained by the Association Typographique Internationale. The Lineal branch of Vox-ATypI includes Grotesque, Neo-grotesque, Geometric, and Humanist sans-serifs — the dominant category in modern digital typography.

TypeSmith curates 5 expert font pairings for Calling Code, a Sans Serif typeface designed by Dharma Type.

Calling Code crafts professional layouts with Roraima, Aleo 2 0, Tape, Plantasia Pilea Peper, and Chonk 2. This versatile typeface supports This font encodes 452 glyphs covering Latin. Latin coverage extends past the basic ASCII set into Latin Extended, so Central and Eastern European languages set correctly. Text outside these ranges falls back to another face in the stack..

Expert Pairings5

CategorySans Serif

AccessibilityB+

DesignerDharma Type

Test Pairings View Calling Code Details

Scroll to explore

About This Pairing

Best Font Pairings for Calling Code

This combination matches Calling Code with Roraima as a serif–sans contrast combination. Calling Code provides clean geometric or humanist letterforms, while Roraima contributes refined letterforms with stroke contrast.

Together, these typefaces create a cohesive type system where Calling Code anchors digital interfaces, web typography, and contemporary branding and Roraima extends into long-form reading, editorial layouts, and traditional print. TypeSmith curates 5 total pairings for Calling Code, with Roraima selected for its complementary editorial authority and classical elegance.

Why It Works

Best Font Pairing Analysis for Calling Code

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

Visual harmony emerges from Calling Code and Roraima share proportional compatibility that unifies them as a system. The clean lines of Calling Code create visual harmony with Roraima Typeface's refined serifs. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

In practical application, Calling Code functions best at heading sizes (24px and above) where its screen legibility and modern clarity is most effective. Roraima excels at body text sizes (14-18px) where editorial authority and classical elegance ensures comfortable reading.

Typography Expertise

Best Font Pairing Expertise for Calling Code

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

Typographic Contrast

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

Visual Compatibility

Visual compatibility. TypeSmith evaluates Calling Code and Roraima 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 digital interfaces, web typography, and contemporary branding contexts where Calling Code leads at display sizes and Roraima supports at text sizes. Among 5 curated pairings for Calling Code, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for Calling Code

Ranked by compatibility

TypeSmith presents 5 expert-curated font pairings for Calling Code, 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

Calling Code+Roraima

Calling CodeB+Sans Serif

RoraimaASerif

Expert Judgment

The clean lines of Calling Code create visual harmony with Roraima Typeface's refined serifs

Calling Code headlines + Roraima body

Calling Code + Roraima Font Pairing

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

Roraima headlines + Calling Code body

Roraima + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Roraima's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Roraima focuses on enhancing readability in long-form content.
Readability: Roraima's traditional typography roots with timeless appeal complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Roraima 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 Calling Code in logos and key messaging. Extend the system with Roraima across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Roraima: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Roraima

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

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

All Calling Code pairings View Roraima

Recommended sizes, weights, and line heights for Calling Code + Roraima.

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

#2Recommended Pairing

Calling Code+Aleo 2 0

Calling CodeB+Sans Serif

Aleo 2 0A+Slab Serif

Expert Judgment

The confident presence of Aleo 2 0 Typeface pairs well with Calling Code's readability

Calling Code headlines + Aleo 2 0 body

Calling Code + Aleo 2 0 Font Pairing

This font pairing combines Calling Code headlines with Aleo 2 0 body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Aleo 2 0 headlines + Calling Code body

Aleo 2 0 + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Aleo 2 0's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Aleo 2 0 focuses on conveying modernity and innovation.
Readability: Aleo 2 0's excellent screen legibility across devices complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use Calling Code for headlines, navigation, and hero sections where impact matters. Apply Aleo 2 0 to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Aleo 2 0 provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Calling Code in logos and key messaging. Extend the system with Aleo 2 0 across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Aleo 2 0: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Aleo 2 0

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

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

All Calling Code pairings View Aleo 2 0

Recommended sizes, weights, and line heights for Calling Code + Aleo 2 0.

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

#3Recommended Pairing

Calling Code+Tape

Calling CodeB+Sans Serif

TapeA+Display

Expert Judgment

Use Tape Typeface for impactful headlines paired with Calling Code's readable body copy

Calling Code headlines + Tape body

Calling Code + Tape Font Pairing

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

Tape headlines + Calling Code body

Tape + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Tape's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Tape focuses on establishing strong brand recognition.
Readability: Tape's unique design details that command attention complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Tape provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Tape: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Tape

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

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

All Calling Code pairings View Tape

Recommended sizes, weights, and line heights for Calling Code + Tape.

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

#4Recommended Pairing

Calling Code+Plantasia Pilea Peper

Calling CodeB+Sans Serif

Plantasia Pilea PeperB+Display

Expert Judgment

Use Plantasia Pilea Peper for impactful headlines paired with Calling Code's readable body copy

Calling Code headlines + Plantasia Pilea Peper body

Calling Code + Plantasia Pilea Peper Font Pairing

This font pairing combines Calling Code headlines with Plantasia Pilea Peper body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Plantasia Pilea Peper headlines + Calling Code body

Plantasia Pilea Peper + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Plantasia Pilea Peper's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Plantasia Pilea Peper focuses on establishing strong brand recognition.
Readability: Plantasia Pilea Peper's unique design details that command attention complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Calling Code for headlines, navigation, and hero sections where impact matters. Apply Plantasia Pilea Peper to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Plantasia Pilea Peper provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Calling Code in logos and key messaging. Extend the system with Plantasia Pilea Peper across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Plantasia Pilea Peper: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Plantasia Pilea Peper

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

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

All Calling Code pairings View Plantasia Pilea Peper

Recommended sizes, weights, and line heights for Calling Code + Plantasia Pilea Peper.

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

#5Recommended Pairing

Calling Code+Chonk 2

Calling CodeB+Sans Serif

Chonk 2BDisplay

Expert Judgment

Chonk 2's bold presence works excellently with Calling Code as supporting body text

Calling Code headlines + Chonk 2 body

Calling Code + Chonk 2 Font Pairing

This font pairing combines Calling Code headlines with Chonk 2 body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Chonk 2 headlines + Calling Code body

Chonk 2 + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Chonk 2's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Chonk 2 focuses on establishing strong brand recognition.
Readability: Chonk 2's unique design details that command attention complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Calling Code for headlines, navigation, and hero sections where impact matters. Apply Chonk 2 to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Chonk 2 provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Calling Code in logos and key messaging. Extend the system with Chonk 2 across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Chonk 2: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Chonk 2

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

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

All Calling Code pairings View Chonk 2

Recommended sizes, weights, and line heights for Calling Code + Chonk 2.

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

Interactive Preview Tool

Test Calling Code Font Pairings

Preview Calling Code 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 Calling Code

Optical Characteristics of Calling Code

The structural foundation of Calling Code reflects established sans-serif typographic principles. Key visual features include stroke contrast ranging from monolinear to subtly modulated and uniform or optically corrected vertical proportions. Humanist sans-serifs offer the best body-text readability in the category.

Within the sans-serif classification, Calling Code achieves its visual identity through deliberate stroke construction and proportion decisions. Geometric and neo-grotesque designs excel in short-form UI text but require careful sizing for sustained reading.

Terminal construction and proportional relationships within Calling Code determine its functional range from paragraph setting to headline display.

Explore more sans-serif fonts →

Design Heritage of Calling Code Typography

Calling Code in Professional Design Applications

Accessibility & Readability Analysis for Calling Code

Technical Typography Specifications for Calling Code

Frequently Asked Questions

Best Font Pairing FAQ for Calling Code

What type of font is Calling Code?

Calling Code is a sans-serif typeface classified under the Lineal branch of the Vox-ATypI system. Related categories include monospace. The Lineal branch of Vox-ATypI includes Grotesque, Neo-grotesque, Geometric, and Humanist sans-serifs — the dominant category in modern digital typography.

How many font weights does Calling Code offer?

How accessible is Calling Code for body text?

Who designed Calling Code?

What Vox-ATypI classification does Calling Code belong to?

Ready to Design

Best Font Pairing — Start with Calling Code

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

Test Pairings View Calling Code Details

Continue Exploring

Best Font Resources

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

Calling Code Details

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

More Sans Serif Fonts

Browse all sans 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 WithCalling Code

TypeSmith curates 5 expert font pairings for Calling Code, a Sans Serif typeface designed by Dharma Type.

Expert Pairings5

CategorySans Serif

AccessibilityB+

DesignerDharma Type

About This Pairing

Best Font Pairings for Calling Code

Why It Works

Best Font Pairing Analysis for Calling Code

Typography Expertise

Best Font Pairing Expertise for Calling Code

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Calling Code

Ranked by compatibility

TypeSmith presents 5 expert-curated font pairings for Calling Code, 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

Calling Code+Roraima

Calling CodeB+Sans Serif

RoraimaASerif

Expert Judgment

The clean lines of Calling Code create visual harmony with Roraima Typeface's refined serifs

Calling Code headlines + Roraima body

Calling Code + Roraima Font Pairing

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

Roraima headlines + Calling Code body

Roraima + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Roraima's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Roraima focuses on enhancing readability in long-form content.
Readability: Roraima's traditional typography roots with timeless appeal complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Roraima 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 Calling Code in logos and key messaging. Extend the system with Roraima across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Roraima: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Roraima

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

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

All Calling Code pairings View Roraima

Recommended sizes, weights, and line heights for Calling Code + Roraima.

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

#2Recommended Pairing

Calling Code+Aleo 2 0

Calling CodeB+Sans Serif

Aleo 2 0A+Slab Serif

Expert Judgment

The confident presence of Aleo 2 0 Typeface pairs well with Calling Code's readability

Calling Code headlines + Aleo 2 0 body

Calling Code + Aleo 2 0 Font Pairing

This font pairing combines Calling Code headlines with Aleo 2 0 body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Aleo 2 0 headlines + Calling Code body

Aleo 2 0 + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Aleo 2 0's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Aleo 2 0 focuses on conveying modernity and innovation.
Readability: Aleo 2 0's excellent screen legibility across devices complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and modern brand identities.

Best Used For

Web Design & Digital Interfaces

Use Calling Code for headlines, navigation, and hero sections where impact matters. Apply Aleo 2 0 to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Aleo 2 0 provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Calling Code in logos and key messaging. Extend the system with Aleo 2 0 across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Aleo 2 0: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Aleo 2 0

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

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

All Calling Code pairings View Aleo 2 0

Recommended sizes, weights, and line heights for Calling Code + Aleo 2 0.

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

#3Recommended Pairing

Calling Code+Tape

Calling CodeB+Sans Serif

TapeA+Display

Expert Judgment

Use Tape Typeface for impactful headlines paired with Calling Code's readable body copy

Calling Code headlines + Tape body

Calling Code + Tape Font Pairing

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

Tape headlines + Calling Code body

Tape + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Tape's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Tape focuses on establishing strong brand recognition.
Readability: Tape's unique design details that command attention complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Tape provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Tape: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Tape

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

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

All Calling Code pairings View Tape

Recommended sizes, weights, and line heights for Calling Code + Tape.

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

#4Recommended Pairing

Calling Code+Plantasia Pilea Peper

Calling CodeB+Sans Serif

Plantasia Pilea PeperB+Display

Expert Judgment

Use Plantasia Pilea Peper for impactful headlines paired with Calling Code's readable body copy

Calling Code headlines + Plantasia Pilea Peper body

Calling Code + Plantasia Pilea Peper Font Pairing

This font pairing combines Calling Code headlines with Plantasia Pilea Peper body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Plantasia Pilea Peper headlines + Calling Code body

Plantasia Pilea Peper + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Plantasia Pilea Peper's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Plantasia Pilea Peper focuses on establishing strong brand recognition.
Readability: Plantasia Pilea Peper's unique design details that command attention complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Calling Code for headlines, navigation, and hero sections where impact matters. Apply Plantasia Pilea Peper to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Brand Identity

Establish your primary brand voice with Calling Code in logos and key messaging. Extend the system with Plantasia Pilea Peper across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Plantasia Pilea Peper: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Plantasia Pilea Peper

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

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

All Calling Code pairings View Plantasia Pilea Peper

Recommended sizes, weights, and line heights for Calling Code + Plantasia Pilea Peper.

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

#5Recommended Pairing

Calling Code+Chonk 2

Calling CodeB+Sans Serif

Chonk 2BDisplay

Expert Judgment

Chonk 2's bold presence works excellently with Calling Code as supporting body text

Calling Code headlines + Chonk 2 body

Calling Code + Chonk 2 Font Pairing

This font pairing combines Calling Code headlines with Chonk 2 body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Chonk 2 headlines + Calling Code body

Chonk 2 + Calling Code Font Pairing

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

Why This Pairing Works

Complementary Contrast: Calling Code's clean, modern letterforms without decorative terminals pairs effectively with Chonk 2's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Calling Code maximizing readability at all sizes while Chonk 2 focuses on establishing strong brand recognition.
Readability: Chonk 2's unique design details that command attention complements Calling Code's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Calling Code for headlines, navigation, and hero sections where impact matters. Apply Chonk 2 to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Calling Code excels in digital interfaces and web applications, while Chonk 2 provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Calling Code in logos and key messaging. Extend the system with Chonk 2 across marketing materials and corporate communications.

Recommended Sizing

Calling Code: 24px–72px for headings, 18px–24px for subheadings
Chonk 2: 14px–18px for body text, 12px–14px for captions

External: Calling CodeExternal: Chonk 2

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

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

All Calling Code pairings View Chonk 2

Recommended sizes, weights, and line heights for Calling Code + Chonk 2.

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

Interactive Preview Tool

Test Calling Code Font Pairings

Preview Calling Code 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 Calling Code

Optical Characteristics of Calling Code

Terminal construction and proportional relationships within Calling Code determine its functional range from paragraph setting to headline display.

Explore more sans-serif fonts →

Design Heritage of Calling Code Typography

Calling Code in Professional Design Applications

Accessibility & Readability Analysis for Calling Code

Technical Typography Specifications for Calling Code

Frequently Asked Questions

Best Font Pairing FAQ for Calling Code

What type of font is Calling Code?

How many font weights does Calling Code offer?

How accessible is Calling Code for body text?

Who designed Calling Code?

What Vox-ATypI classification does Calling Code belong to?

Ready to Design

Best Font Pairing — Start with Calling Code

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

Test Pairings View Calling Code Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithCalling Code

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Calling Code

Calling Code+Roraima

Calling Code + Roraima Font Pairing

Roraima + Calling Code Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Calling Code+Aleo 2 0

Calling Code + Aleo 2 0 Font Pairing

Aleo 2 0 + Calling Code Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Calling Code+Tape

Calling Code + Tape Font Pairing

Tape + Calling Code Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Calling Code+Plantasia Pilea Peper

Calling Code + Plantasia Pilea Peper Font Pairing

Plantasia Pilea Peper + Calling Code Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Calling Code+Chonk 2

Calling Code + Chonk 2 Font Pairing

Chonk 2 + Calling Code Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Best Font Pairings for Sans Serif Fonts

Encode Sans

Galdeano

Aclonica

Encode Sans Expanded

Advent Pro

Encode Sans Semi Condensed

Test Calling Code Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Calling Code

Best Font Resources

Calling Code Details

More Sans Serif Fonts

All Font Pairings

Browse by Category

Best Fonts to Pair WithCalling Code

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Calling Code

Calling Code+Roraima

Calling Code + Roraima Font Pairing

Roraima + Calling Code Font Pairing