Expert Font Pairings

Best Fonts to Pair WithEclipse

Q: How many font weights does Eclipse offer?

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

TypeSmith rates Eclipse 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: Who designed Eclipse?

Eclipse was designed by Dodam Seo. 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 Eclipse belong to?

Eclipse falls under the Graphic classification in the Vox-ATypI system maintained by the Association Typographique Internationale. The Graphic branch of Vox-ATypI encompasses display, decorative, and titling typefaces designed for maximum visual impact at large sizes.

TypeSmith curates 5 expert font pairings for Eclipse, a Display typeface designed by Dodam Seo.

Eclipse produces refined typography with Funnel Sans, Alexandria, Bleep Bloop, Moreno, and Apl386 Unicode. This versatile typeface supports This font encodes 55 glyphs covering Latin. Text outside these ranges falls back to another face in the stack..

Expert Pairings5

CategoryDisplay

AccessibilityC

DesignerDodam Seo

Test Pairings View Eclipse Details

Scroll to explore

About This Pairing

Best Font Pairings for Eclipse

This combination matches Eclipse with Funnel Sans as a display–text hierarchy combination. Eclipse provides expressive letterforms designed for large sizes, while Funnel Sans contributes clean geometric or humanist letterforms.

Together, these typefaces create a cohesive type system where Eclipse anchors hero sections, poster headlines, and brand identity and Funnel Sans extends into digital interfaces, web typography, and contemporary branding. TypeSmith curates 5 total pairings for Eclipse, with Funnel Sans selected for its complementary screen legibility and modern clarity.

Why It Works

Best Font Pairing Analysis for Eclipse

Visual tension between Eclipse and Funnel Sans creates visual interest without conflict. Eclipse's expressive letterforms designed for large sizes pairs against Funnel Sans's clean geometric or humanist letterforms, producing the structural variation that guides readers through content hierarchy.

Despite their structural differences, Eclipse and Funnel Sans share proportional compatibility that unifies them as a system. Funnel Sans Typeface's clean aesthetic provides the perfect foundation for Eclipse's expressive style. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

In practical application, Eclipse functions best at heading sizes (24px and above) where its visual impact and headline presence is most effective. Funnel Sans excels at body text sizes (14-18px) where screen legibility and modern clarity ensures comfortable reading.

Typography Expertise

Best Font Pairing Expertise for Eclipse

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

Typographic Contrast

Classification contrast. Eclipse and Funnel Sans form a display–text hierarchy pairing. Eclipse brings visual impact and headline presence while Funnel Sans provides screen legibility and modern clarity. This structural relationship creates the visual tension that effective typography requires.

Visual Compatibility

Visual compatibility. TypeSmith evaluates Eclipse and Funnel Sans 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

Design application. This pairing serves hero sections, poster headlines, and brand identity contexts where Eclipse leads at display sizes and Funnel Sans supports at text sizes. Among 5 curated pairings for Eclipse, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for Eclipse

Ranked by compatibility

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

Eclipse+Funnel Sans

EclipseCDisplay

Funnel SansA+Sans Serif

Expert Judgment

Funnel Sans Typeface's clean aesthetic provides the perfect foundation for Eclipse's expressive style

Eclipse headlines + Funnel Sans body

Eclipse + Funnel Sans Font Pairing

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

Funnel Sans headlines + Eclipse body

Funnel Sans + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Funnel Sans's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Funnel Sans focuses on conveying modernity and innovation.
Readability: Funnel Sans's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Funnel Sans provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

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

External: EclipseExternal: Funnel Sans

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

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

All Eclipse pairings View Funnel Sans

Recommended sizes, weights, and line heights for Eclipse + Funnel Sans.

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

#2Recommended Pairing

Eclipse+Alexandria

EclipseCDisplay

AlexandriaASans Serif

Expert Judgment

Use Eclipse for impactful headlines paired with Alexandria Typeface's readable body copy

Eclipse headlines + Alexandria body

Eclipse + Alexandria Font Pairing

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

Alexandria headlines + Eclipse body

Alexandria + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Alexandria's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Alexandria focuses on conveying modernity and innovation.
Readability: Alexandria's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Alexandria provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Alexandria: 14px–18px for body text, 12px–14px for captions

External: EclipseGoogle: Alexandria

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

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

Get Alexandria All Eclipse pairings View Alexandria

Recommended sizes, weights, and line heights for Eclipse + Alexandria.

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

#3Recommended Pairing

Eclipse+Bleep Bloop

EclipseCDisplay

Bleep BloopBSans Serif

Expert Judgment

Use Eclipse for impactful headlines paired with Bleep Bloop's readable body copy

Eclipse headlines + Bleep Bloop body

Eclipse + Bleep Bloop Font Pairing

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

Bleep Bloop headlines + Eclipse body

Bleep Bloop + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Bleep Bloop's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Bleep Bloop focuses on conveying modernity and innovation.
Readability: Bleep Bloop's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Bleep Bloop provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Bleep Bloop: 14px–18px for body text, 12px–14px for captions

External: EclipseExternal: Bleep Bloop

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

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

All Eclipse pairings View Bleep Bloop

Recommended sizes, weights, and line heights for Eclipse + Bleep Bloop.

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

#4Recommended Pairing

Eclipse+Moreno

EclipseCDisplay

MorenoASerif

Expert Judgment

The expressive nature of Eclipse contrasts nicely with Moreno Typeface's classic refinement

Eclipse headlines + Moreno body

Eclipse + Moreno Font Pairing

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

Moreno headlines + Eclipse body

Moreno + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Moreno's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Moreno focuses on enhancing readability in long-form content.
Readability: Moreno's traditional typography roots with timeless appeal complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Moreno 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 Eclipse in logos and key messaging. Extend the system with Moreno across marketing materials and corporate communications.

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Moreno: 14px–18px for body text, 12px–14px for captions

External: EclipseExternal: Moreno

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

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

All Eclipse pairings View Moreno

Recommended sizes, weights, and line heights for Eclipse + Moreno.

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

#5Recommended Pairing

Eclipse+Apl386 Unicode

EclipseCDisplay

Apl386 UnicodeBSans Serif

Expert Judgment

Eclipse's bold presence works excellently with Apl386 Unicode as supporting body text

Eclipse headlines + Apl386 Unicode body

Eclipse + Apl386 Unicode Font Pairing

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

Apl386 Unicode headlines + Eclipse body

Apl386 Unicode + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Apl386 Unicode's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Apl386 Unicode focuses on conveying modernity and innovation.
Readability: Apl386 Unicode's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Apl386 Unicode provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Apl386 Unicode: 14px–18px for body text, 12px–14px for captions

External: EclipseExternal: Apl386 Unicode

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

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

All Eclipse pairings View Apl386 Unicode

Recommended sizes, weights, and line heights for Eclipse + Apl386 Unicode.

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

Interactive Preview Tool

Test Eclipse Font Pairings

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

Optical Characteristics of Eclipse

Eclipse exhibits distinct optical properties rooted in display design conventions. Key visual features include refined details visible only at headline scale and tight spacing optimized for large point sizes. Designed exclusively for sizes above 24 pt.

Within the display classification, Eclipse achieves its visual identity through deliberate stroke construction and proportion decisions. Display faces sacrifice small-size legibility for visual impact and personality at headline scale.

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

Explore more display fonts →

Design Heritage of Eclipse Typography

Eclipse in Professional Design Applications

Accessibility & Readability Analysis for Eclipse

Technical Typography Specifications for Eclipse

Frequently Asked Questions

Best Font Pairing FAQ for Eclipse

What type of font is Eclipse?

Eclipse is a display typeface classified under the Graphic branch of the Vox-ATypI system. Related categories include novelty and retro. The Graphic branch of Vox-ATypI encompasses display, decorative, and titling typefaces designed for maximum visual impact at large sizes.

How many font weights does Eclipse offer?

How accessible is Eclipse for body text?

Who designed Eclipse?

What Vox-ATypI classification does Eclipse belong to?

Ready to Design

Best Font Pairing — Start with Eclipse

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

Test Pairings View Eclipse Details

Continue Exploring

Best Font Resources

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

Eclipse Details

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

More Display Fonts

Browse all display 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 WithEclipse

TypeSmith curates 5 expert font pairings for Eclipse, a Display typeface designed by Dodam Seo.

Expert Pairings5

CategoryDisplay

AccessibilityC

DesignerDodam Seo

About This Pairing

Best Font Pairings for Eclipse

Why It Works

Best Font Pairing Analysis for Eclipse

Typography Expertise

Best Font Pairing Expertise for Eclipse

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Eclipse

Ranked by compatibility

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

Eclipse+Funnel Sans

EclipseCDisplay

Funnel SansA+Sans Serif

Expert Judgment

Funnel Sans Typeface's clean aesthetic provides the perfect foundation for Eclipse's expressive style

Eclipse headlines + Funnel Sans body

Eclipse + Funnel Sans Font Pairing

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

Funnel Sans headlines + Eclipse body

Funnel Sans + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Funnel Sans's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Funnel Sans focuses on conveying modernity and innovation.
Readability: Funnel Sans's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Funnel Sans provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

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

External: EclipseExternal: Funnel Sans

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

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

All Eclipse pairings View Funnel Sans

Recommended sizes, weights, and line heights for Eclipse + Funnel Sans.

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

#2Recommended Pairing

Eclipse+Alexandria

EclipseCDisplay

AlexandriaASans Serif

Expert Judgment

Use Eclipse for impactful headlines paired with Alexandria Typeface's readable body copy

Eclipse headlines + Alexandria body

Eclipse + Alexandria Font Pairing

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

Alexandria headlines + Eclipse body

Alexandria + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Alexandria's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Alexandria focuses on conveying modernity and innovation.
Readability: Alexandria's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Alexandria provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Alexandria: 14px–18px for body text, 12px–14px for captions

External: EclipseGoogle: Alexandria

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

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

Get Alexandria All Eclipse pairings View Alexandria

Recommended sizes, weights, and line heights for Eclipse + Alexandria.

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

#3Recommended Pairing

Eclipse+Bleep Bloop

EclipseCDisplay

Bleep BloopBSans Serif

Expert Judgment

Use Eclipse for impactful headlines paired with Bleep Bloop's readable body copy

Eclipse headlines + Bleep Bloop body

Eclipse + Bleep Bloop Font Pairing

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

Bleep Bloop headlines + Eclipse body

Bleep Bloop + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Bleep Bloop's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Bleep Bloop focuses on conveying modernity and innovation.
Readability: Bleep Bloop's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Bleep Bloop provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Bleep Bloop: 14px–18px for body text, 12px–14px for captions

External: EclipseExternal: Bleep Bloop

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

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

All Eclipse pairings View Bleep Bloop

Recommended sizes, weights, and line heights for Eclipse + Bleep Bloop.

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

#4Recommended Pairing

Eclipse+Moreno

EclipseCDisplay

MorenoASerif

Expert Judgment

The expressive nature of Eclipse contrasts nicely with Moreno Typeface's classic refinement

Eclipse headlines + Moreno body

Eclipse + Moreno Font Pairing

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

Moreno headlines + Eclipse body

Moreno + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Moreno's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Moreno focuses on enhancing readability in long-form content.
Readability: Moreno's traditional typography roots with timeless appeal complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Moreno 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 Eclipse in logos and key messaging. Extend the system with Moreno across marketing materials and corporate communications.

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Moreno: 14px–18px for body text, 12px–14px for captions

External: EclipseExternal: Moreno

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

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

All Eclipse pairings View Moreno

Recommended sizes, weights, and line heights for Eclipse + Moreno.

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

#5Recommended Pairing

Eclipse+Apl386 Unicode

EclipseCDisplay

Apl386 UnicodeBSans Serif

Expert Judgment

Eclipse's bold presence works excellently with Apl386 Unicode as supporting body text

Eclipse headlines + Apl386 Unicode body

Eclipse + Apl386 Unicode Font Pairing

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

Apl386 Unicode headlines + Eclipse body

Apl386 Unicode + Eclipse Font Pairing

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

Why This Pairing Works

Complementary Contrast: Eclipse's distinctive letterforms designed for large sizes pairs effectively with Apl386 Unicode's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Eclipse creating memorable first impressions while Apl386 Unicode focuses on conveying modernity and innovation.
Readability: Apl386 Unicode's excellent screen legibility across devices complements Eclipse's expressive personality and visual impact, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Eclipse excels in headlines and hero sections, while Apl386 Unicode provides the conveying modernity and innovation needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Eclipse: 24px–72px for headings, 18px–24px for subheadings
Apl386 Unicode: 14px–18px for body text, 12px–14px for captions

External: EclipseExternal: Apl386 Unicode

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

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

All Eclipse pairings View Apl386 Unicode

Recommended sizes, weights, and line heights for Eclipse + Apl386 Unicode.

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

Interactive Preview Tool

Test Eclipse Font Pairings

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

Optical Characteristics of Eclipse

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

Explore more display fonts →

Design Heritage of Eclipse Typography

Eclipse in Professional Design Applications

Accessibility & Readability Analysis for Eclipse

Technical Typography Specifications for Eclipse

Frequently Asked Questions

Best Font Pairing FAQ for Eclipse

What type of font is Eclipse?

How many font weights does Eclipse offer?

How accessible is Eclipse for body text?

Who designed Eclipse?

What Vox-ATypI classification does Eclipse belong to?

Ready to Design

Best Font Pairing — Start with Eclipse

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

Test Pairings View Eclipse Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithEclipse

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Eclipse

Eclipse+Funnel Sans

Eclipse + Funnel Sans Font Pairing

Funnel Sans + Eclipse Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Eclipse+Alexandria

Eclipse + Alexandria Font Pairing

Alexandria + Eclipse Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Eclipse+Bleep Bloop

Eclipse + Bleep Bloop Font Pairing

Bleep Bloop + Eclipse Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Eclipse+Moreno

Eclipse + Moreno Font Pairing

Moreno + Eclipse Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Eclipse+Apl386 Unicode

Eclipse + Apl386 Unicode Font Pairing

Apl386 Unicode + Eclipse Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Best Font Pairings for Display Fonts

Fugaz One

Emblema One

Elsie

Aboreto

Agbalumo

Erica One

Test Eclipse Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Eclipse

Best Font Resources

Eclipse Details

More Display Fonts

All Font Pairings

Browse by Category

Best Fonts to Pair WithEclipse

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Eclipse

Eclipse+Funnel Sans

Eclipse + Funnel Sans Font Pairing

Funnel Sans + Eclipse Font Pairing