Inter was designed by Rasmus Andersson, known for screen-optimized variable type design.

Best Font Pairings For Inter

Q: Is Inter a good font for Figma?

Purpose-built for screen interfaces with a tall x-height and open apertures for UI clarity. Figma uses Skia-based GPU-accelerated canvas for font rendering, making Inter a strong choice for UI/UX design workflows. When paired with Libre Baskerville, the combination creates effective typographic hierarchy.

Q: Can I use Inter in GitHub?

Screen-optimized sans-serif that mirrors GitHub UI font style for consistent documentation. GitHub renders fonts via Browser CSS rendering with syntax highlighting, ensuring Inter displays with proper System font stack for prose support. When paired with Libre Baskerville, the combination creates effective typographic hierarchy.

Q: What is the design history of Inter?

Inter is a Neo-grotesque sans-serif from the 2010s digital-first design era. Designed by Rasmus Andersson in 2017, built specifically for computer screens with features optimized for UI legibility. Notable usage includes GitHub interface. Draws from the Helvetica and SF Pro tradition of neutral grotesques.

Best Fonts to Pair WithInter

TypeSmith curates 5 expert font pairings for Inter, a Sans Serif typeface designed by Rasmus Andersson.

Inter partners perfectly with Libre Baskerville, DM Sans, Montserrat, Merriweather, and Lora. This versatile typeface supports Latin, Cyrillic, and Greek scripts, enabling a wide range of languages including English, Russian, and Greek..

Expert Pairings5

CategorySans Serif

AccessibilityA+

DesignerRasmus Andersson

About This Pairing

Best Font Pairings for Inter

TypeSmith recommends pairing Inter with Libre Baskerville as a serif–sans contrast combination. Inter provides clean geometric or humanist letterforms, while Libre Baskerville contributes refined letterforms with stroke contrast.

The combination produces a balanced typographic palette where Inter anchors digital interfaces, web typography, and contemporary branding and Libre Baskerville extends into long-form reading, editorial layouts, and traditional print. TypeSmith curates 5 total pairings for Inter, with Libre Baskerville selected for its complementary editorial authority and classical elegance.

Why It Works

Best Font Pairing Analysis for Inter

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

These typefaces share underlying compatibility: Inter and Libre Baskerville share proportional compatibility that unifies them as a system. Libre Baskerville establishes clear typographic hierarchy with complementary characteristics. The combination of clean lines from Inter with decorative terminals from Libre Baskerville produces effective visual distinction. Recommended for marketing materials where typographic hierarchy enhances communication. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

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

Typography Expertise

Best Font Pairing Expertise for Inter

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

Typographic Contrast

Structural analysis. Inter and Libre Baskerville form a serif–sans contrast pairing. Inter brings screen legibility and modern clarity while Libre Baskerville provides editorial authority and classical elegance. This structural relationship creates the visual tension that effective typography requires.

Visual Compatibility

Metric alignment. TypeSmith evaluates Inter and Libre Baskerville 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 Inter leads at display sizes and Libre Baskerville supports at text sizes. Among 5 curated pairings for Inter, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for Inter

Ranked by compatibility

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

Inter+Libre Baskerville

InterA+Sans Serif

Libre BaskervilleA+Serif

Expert Judgment

Libre Baskerville establishes clear typographic hierarchy with complementary characteristics. The combination of clean lines from Inter with decorative terminals from Libre Baskerville produces effective visual distinction. Recommended for marketing materials where typographic hierarchy enhances communication.

Inter headlines + Libre Baskerville body

Inter + Libre Baskerville Font Pairing

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

Libre Baskerville headlines + Inter body

Libre Baskerville + Inter 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: Inter's clean, modern letterforms without decorative terminals pairs effectively with Libre Baskerville's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Inter maximizing readability at all sizes while Libre Baskerville focuses on enhancing readability in long-form content.
Readability: Libre Baskerville's traditional typography roots with timeless appeal complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Libre Baskerville to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Libre Baskerville: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Libre Baskerville

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

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

Get Inter Get Libre Baskerville All Inter pairings View Libre Baskerville

Recommended sizes, weights, and line heights for Inter + Libre Baskerville.

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

#2Recommended Pairing

Inter+DM Sans

InterA+Sans Serif

DM SansA+Sans Serif

Expert Judgment

DM Sans shares proportional harmony that unifies the design. Both typefaces share modern aesthetic, creating unified design language while maintaining individual character. Recommended for digital products where typographic hierarchy enhances communication.

Inter headlines + DM Sans body

Inter + DM Sans Font Pairing

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

DM Sans headlines + Inter body

DM Sans + Inter Font Pairing

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

Why This Pairing Works

Harmonious Unity: Both Inter and DM Sans share sans 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: DM Sans's excellent screen legibility across devices complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply DM Sans to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Inter excels in digital interfaces and web applications, while DM Sans provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

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

Google: InterGoogle: DM Sans

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

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

Get Inter Get DM Sans All Inter pairings View DM Sans

Recommended sizes, weights, and line heights for Inter + DM Sans.

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

#3Recommended Pairing

Inter+Montserrat

InterA+Sans Serif

MontserratA+Sans Serif

Expert Judgment

Montserrat creates seamless typographic flow with shared characteristics. Both typefaces share modern aesthetic, creating unified design language while maintaining individual character. Recommended for marketing materials where typographic hierarchy enhances communication.

Inter headlines + Montserrat body

Inter + Montserrat Font Pairing

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

Montserrat headlines + Inter body

Montserrat + Inter Font Pairing

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

Why This Pairing Works

Harmonious Unity: Both Inter and Montserrat share sans 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: Montserrat's excellent screen legibility across devices complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Montserrat to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Inter excels in digital interfaces and web applications, while Montserrat provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Montserrat: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Montserrat

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

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

Get Inter Get Montserrat All Inter pairings View Montserrat

Recommended sizes, weights, and line heights for Inter + Montserrat.

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

#4Recommended Pairing

Inter+Merriweather

InterA+Sans Serif

MerriweatherA+Serif

Expert Judgment

Merriweather establishes clear typographic hierarchy with complementary characteristics. The combination of clean lines from Inter with stroke contrast from Merriweather produces effective visual distinction. Recommended for web interfaces where typographic hierarchy enhances communication.

Inter headlines + Merriweather body

Inter + Merriweather Font Pairing

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

Merriweather headlines + Inter body

Merriweather + Inter 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: Inter's clean, modern letterforms without decorative terminals pairs effectively with Merriweather's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Inter maximizing readability at all sizes while Merriweather focuses on enhancing readability in long-form content.
Readability: Merriweather's traditional typography roots with timeless appeal complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Merriweather to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Merriweather: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Merriweather

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

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

Get Inter Get Merriweather All Inter pairings View Merriweather

Recommended sizes, weights, and line heights for Inter + Merriweather.

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

#5Recommended Pairing

Inter+Lora

InterA+Sans Serif

LoraA+Serif

Expert Judgment

Lora creates dynamic visual hierarchy through intentional contrast. The combination of no decorative strokes from Inter with traditional elegance from Lora produces effective visual distinction. Recommended for brand systems where typographic hierarchy enhances communication.

Inter headlines + Lora body

Inter + Lora Font Pairing

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

Lora headlines + Inter body

Lora + Inter 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: Inter's clean, modern letterforms without decorative terminals pairs effectively with Lora's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Inter maximizing readability at all sizes while Lora focuses on enhancing readability in long-form content.
Readability: Lora's traditional typography roots with timeless appeal complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Lora to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Lora: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Lora

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

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

Get Inter Get Lora All Inter pairings View Lora

Recommended sizes, weights, and line heights for Inter + Lora.

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

Interactive Preview Tool

Test Inter Font Pairings

Preview Inter 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 Inter

Optical Characteristics of Inter

Analyzing the optical structure of Inter reveals characteristic sans-serif construction. Key visual features include stroke contrast ranging from monolinear to subtly modulated and open or closed apertures depending on sub-class. Humanist sans-serifs offer the best body-text readability in the category.

As a Neo-grotesque sans-serif, Inter demonstrates tabular figures as a defining characteristic. Geometric and neo-grotesque designs excel in short-form UI text but require careful sizing for sustained reading.

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

Explore more sans-serif fonts →

Design Heritage of Inter Typography

Inter in Professional Design Applications

Accessibility & Readability Analysis for Inter

Technical Typography Specifications for Inter

Frequently Asked Questions

Best Font Pairing FAQ for Inter

Is Inter suitable for web design?

Purpose-built for screens with variable font axes, tabular numbers, and contextual alternates. Web audiences consume content on devices ranging from 4-inch phones to 32-inch monitors, in lighting conditions from direct sunlight to dark rooms. Font rendering varies by operating system, making fonts with strong hinting and clear letterforms essential for cross-platform consistency. When paired with Libre Baskerville, the combination creates effective typographic hierarchy.

Is Inter a good font for Figma?

Can I use Inter in GitHub?

What is the design history of Inter?

Who designed Inter?

Ready to Design

Best Font Pairing — Start with Inter

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

Download Inter Test Pairings View Inter Details

Continue Exploring

Best Font Resources

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

Inter Details

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

More Sans Serif Fonts

Browse all sans serif fonts with similar characteristics.

Inter as Alternative

Inter is a free alternative to Chalet and Domaine Sans and 36 more.

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 WithInter

TypeSmith curates 5 expert font pairings for Inter, a Sans Serif typeface designed by Rasmus Andersson.

Expert Pairings5

CategorySans Serif

AccessibilityA+

DesignerRasmus Andersson

About This Pairing

Best Font Pairings for Inter

Why It Works

Best Font Pairing Analysis for Inter

Typography Expertise

Best Font Pairing Expertise for Inter

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Inter

Ranked by compatibility

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

Inter+Libre Baskerville

InterA+Sans Serif

Libre BaskervilleA+Serif

Expert Judgment

Inter headlines + Libre Baskerville body

Inter + Libre Baskerville Font Pairing

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

Libre Baskerville headlines + Inter body

Libre Baskerville + Inter 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: Inter's clean, modern letterforms without decorative terminals pairs effectively with Libre Baskerville's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Inter maximizing readability at all sizes while Libre Baskerville focuses on enhancing readability in long-form content.
Readability: Libre Baskerville's traditional typography roots with timeless appeal complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Libre Baskerville to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Brand Identity

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Libre Baskerville: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Libre Baskerville

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

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

Get Inter Get Libre Baskerville All Inter pairings View Libre Baskerville

Recommended sizes, weights, and line heights for Inter + Libre Baskerville.

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

#2Recommended Pairing

Inter+DM Sans

InterA+Sans Serif

DM SansA+Sans Serif

Expert Judgment

Inter headlines + DM Sans body

Inter + DM Sans Font Pairing

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

DM Sans headlines + Inter body

DM Sans + Inter Font Pairing

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

Why This Pairing Works

Harmonious Unity: Both Inter and DM Sans share sans 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: DM Sans's excellent screen legibility across devices complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply DM Sans to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Inter excels in digital interfaces and web applications, while DM Sans provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

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

Google: InterGoogle: DM Sans

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

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

Get Inter Get DM Sans All Inter pairings View DM Sans

Recommended sizes, weights, and line heights for Inter + DM Sans.

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

#3Recommended Pairing

Inter+Montserrat

InterA+Sans Serif

MontserratA+Sans Serif

Expert Judgment

Inter headlines + Montserrat body

Inter + Montserrat Font Pairing

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

Montserrat headlines + Inter body

Montserrat + Inter Font Pairing

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

Why This Pairing Works

Harmonious Unity: Both Inter and Montserrat share sans 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: Montserrat's excellent screen legibility across devices complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Montserrat to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Inter excels in digital interfaces and web applications, while Montserrat provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Montserrat: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Montserrat

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

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

Get Inter Get Montserrat All Inter pairings View Montserrat

Recommended sizes, weights, and line heights for Inter + Montserrat.

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

#4Recommended Pairing

Inter+Merriweather

InterA+Sans Serif

MerriweatherA+Serif

Expert Judgment

Inter headlines + Merriweather body

Inter + Merriweather Font Pairing

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

Merriweather headlines + Inter body

Merriweather + Inter 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: Inter's clean, modern letterforms without decorative terminals pairs effectively with Merriweather's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Inter maximizing readability at all sizes while Merriweather focuses on enhancing readability in long-form content.
Readability: Merriweather's traditional typography roots with timeless appeal complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Merriweather to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Merriweather: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Merriweather

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

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

Get Inter Get Merriweather All Inter pairings View Merriweather

Recommended sizes, weights, and line heights for Inter + Merriweather.

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

#5Recommended Pairing

Inter+Lora

InterA+Sans Serif

LoraA+Serif

Expert Judgment

Inter headlines + Lora body

Inter + Lora Font Pairing

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

Lora headlines + Inter body

Lora + Inter 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: Inter's clean, modern letterforms without decorative terminals pairs effectively with Lora's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Inter maximizing readability at all sizes while Lora focuses on enhancing readability in long-form content.
Readability: Lora's traditional typography roots with timeless appeal complements Inter'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 Inter for headlines, navigation, and hero sections where impact matters. Apply Lora to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Recommended Sizing

Inter: 24px–72px for headings, 18px–24px for subheadings
Lora: 14px–18px for body text, 12px–14px for captions

Google: InterGoogle: Lora

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

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

Get Inter Get Lora All Inter pairings View Lora

Recommended sizes, weights, and line heights for Inter + Lora.

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

Interactive Preview Tool

Test Inter Font Pairings

Preview Inter 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 Inter

Optical Characteristics of Inter

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

Explore more sans-serif fonts →

Design Heritage of Inter Typography

Inter in Professional Design Applications

Accessibility & Readability Analysis for Inter

Technical Typography Specifications for Inter

Frequently Asked Questions

Best Font Pairing FAQ for Inter

Is Inter suitable for web design?

Is Inter a good font for Figma?

Can I use Inter in GitHub?

What is the design history of Inter?

Who designed Inter?

Ready to Design

Best Font Pairing — Start with Inter

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

Download Inter Test Pairings View Inter Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithInter

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Inter

Inter+Libre Baskerville

Inter + Libre Baskerville Font Pairing

Libre Baskerville + Inter Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Inter+DM Sans

Inter + DM Sans Font Pairing

DM Sans + Inter Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Inter+Montserrat

Inter + Montserrat Font Pairing

Montserrat + Inter Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Inter+Merriweather

Inter + Merriweather Font Pairing

Merriweather + Inter Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Inter+Lora

Inter + Lora Font Pairing

Lora + Inter 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 Inter Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Inter

Best Font Resources

Inter Details

More Sans Serif Fonts

Inter as Alternative

All Font Pairings

Browse by Category

Best Fonts to Pair WithInter

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Inter

Inter+Libre Baskerville

Inter + Libre Baskerville Font Pairing