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

Expert Font Pairings

Best Fonts to Pair WithYulong

Q: How many font weights does Yulong offer?

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

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

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

Yulong 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 Yulong, a Display typeface designed by Ggbot.

Yulong forms elegant pairings with Cossette Texte, Afacad Flux, Bim, Novah, and Sotoportego. This versatile typeface supports This font encodes 1166 glyphs covering Latin, Greek and Cyrillic. 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

CategoryDisplay

AccessibilityB

DesignerGgbot

Test Pairings View Yulong Details

Scroll to explore

About This Pairing

Best Font Pairings for Yulong

TypeSmith recommends pairing Yulong with Cossette Texte as a display–text hierarchy combination. Yulong provides expressive letterforms designed for large sizes, while Cossette Texte contributes clean geometric or humanist letterforms.

The combination produces a balanced typographic palette where Yulong anchors hero sections, poster headlines, and brand identity and Cossette Texte extends into digital interfaces, web typography, and contemporary branding. TypeSmith curates 5 total pairings for Yulong, with Cossette Texte selected for its complementary screen legibility and modern clarity.

Why It Works

Best Font Pairing Analysis for Yulong

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

Despite their structural differences, Yulong and Cossette Texte share proportional compatibility that unifies them as a system. Use Yulong for impactful headlines paired with Cossette Texte Typeface's readable body copy. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

Within page layouts, Yulong functions best at heading sizes (24px and above) where its visual impact and headline presence is most effective. Cossette Texte excels at body text sizes (14-18px) where screen legibility and modern clarity ensures comfortable reading.

Typography Expertise

Best Font Pairing Expertise for Yulong

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

Typographic Contrast

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

Visual Compatibility

Metric alignment. TypeSmith evaluates Yulong and Cossette Texte 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

Production context. This pairing serves hero sections, poster headlines, and brand identity contexts where Yulong leads at display sizes and Cossette Texte supports at text sizes. Among 5 curated pairings for Yulong, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for Yulong

Ranked by compatibility

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

Yulong+Cossette Texte

YulongBDisplay

Cossette TexteASans Serif

Expert Judgment

Use Yulong for impactful headlines paired with Cossette Texte Typeface's readable body copy

Yulong headlines + Cossette Texte body

Yulong + Cossette Texte Font Pairing

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

Cossette Texte headlines + Yulong body

Cossette Texte + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Cossette Texte's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Cossette Texte focuses on conveying modernity and innovation.
Readability: Cossette Texte's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Cossette Texte to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Cossette Texte: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Cossette Texte

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

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

All Yulong pairings View Cossette Texte

Recommended sizes, weights, and line heights for Yulong + Cossette Texte.

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

#2Recommended Pairing

Yulong+Afacad Flux

YulongBDisplay

Afacad FluxASans Serif

Expert Judgment

Yulong's bold presence works excellently with Afacad Flux Typeface as supporting body text

Yulong headlines + Afacad Flux body

Yulong + Afacad Flux Font Pairing

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

Afacad Flux headlines + Yulong body

Afacad Flux + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Afacad Flux's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Afacad Flux focuses on conveying modernity and innovation.
Readability: Afacad Flux's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Afacad Flux to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Afacad Flux: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Afacad Flux

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

@font-face {
  font-family: 'Afacad Flux';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/afacad-flux-typeface/AfacadFlux[slnt,wght].woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All Yulong pairings View Afacad Flux

Recommended sizes, weights, and line heights for Yulong + Afacad Flux.

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

#3Recommended Pairing

Yulong+Bim

YulongBDisplay

BimASans Serif

Expert Judgment

Bim's clean aesthetic provides the perfect foundation for Yulong's expressive style

Yulong headlines + Bim body

Yulong + Bim Font Pairing

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

Bim headlines + Yulong body

Bim + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Bim's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Bim focuses on conveying modernity and innovation.
Readability: Bim's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Bim to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Bim: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Bim

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

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

All Yulong pairings View Bim

Recommended sizes, weights, and line heights for Yulong + Bim.

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

#4Recommended Pairing

Yulong+Novah

YulongBDisplay

NovahBSans Serif

Expert Judgment

Novah's clean aesthetic provides the perfect foundation for Yulong's expressive style

Yulong headlines + Novah body

Yulong + Novah Font Pairing

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

Novah headlines + Yulong body

Novah + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Novah's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Novah focuses on conveying modernity and innovation.
Readability: Novah's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Novah to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Novah: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Novah

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

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

All Yulong pairings View Novah

Recommended sizes, weights, and line heights for Yulong + Novah.

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

#5Recommended Pairing

Yulong+Sotoportego

YulongBDisplay

SotoportegoBSerif

Expert Judgment

Sotoportego provides a sophisticated base for Yulong's bold headlines

Yulong headlines + Sotoportego body

Yulong + Sotoportego Font Pairing

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

Sotoportego headlines + Yulong body

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

Print & Editorial

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Sotoportego: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Sotoportego

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

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

All Yulong pairings View Sotoportego

Recommended sizes, weights, and line heights for Yulong + Sotoportego.

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

Interactive Preview Tool

Test Yulong Font Pairings

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

Optical Characteristics of Yulong

Yulong exhibits distinct optical properties rooted in display design conventions. Key visual features include exaggerated contrast, weight, or decorative features and tight spacing optimized for large point sizes. Designed exclusively for sizes above 24 pt.

Within the display classification, Yulong 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.

Stroke modulation and aperture treatment in Yulong establish the typographic color that defines its on-page presence across different compositions.

Explore more display fonts →

Design Heritage of Yulong Typography

Yulong in Professional Design Applications

Accessibility & Readability Analysis for Yulong

Technical Typography Specifications for Yulong

Frequently Asked Questions

Best Font Pairing FAQ for Yulong

What type of font is Yulong?

Yulong 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 Yulong offer?

How accessible is Yulong for body text?

Who designed Yulong?

What Vox-ATypI classification does Yulong belong to?

Ready to Design

Best Font Pairing — Start with Yulong

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

Test Pairings View Yulong Details

Continue Exploring

Best Font Resources

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

Yulong 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 WithYulong

TypeSmith curates 5 expert font pairings for Yulong, a Display typeface designed by Ggbot.

Expert Pairings5

CategoryDisplay

AccessibilityB

DesignerGgbot

About This Pairing

Best Font Pairings for Yulong

Why It Works

Best Font Pairing Analysis for Yulong

Typography Expertise

Best Font Pairing Expertise for Yulong

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Yulong

Ranked by compatibility

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

Yulong+Cossette Texte

YulongBDisplay

Cossette TexteASans Serif

Expert Judgment

Use Yulong for impactful headlines paired with Cossette Texte Typeface's readable body copy

Yulong headlines + Cossette Texte body

Yulong + Cossette Texte Font Pairing

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

Cossette Texte headlines + Yulong body

Cossette Texte + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Cossette Texte's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Cossette Texte focuses on conveying modernity and innovation.
Readability: Cossette Texte's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Cossette Texte to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Cossette Texte: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Cossette Texte

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

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

All Yulong pairings View Cossette Texte

Recommended sizes, weights, and line heights for Yulong + Cossette Texte.

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

#2Recommended Pairing

Yulong+Afacad Flux

YulongBDisplay

Afacad FluxASans Serif

Expert Judgment

Yulong's bold presence works excellently with Afacad Flux Typeface as supporting body text

Yulong headlines + Afacad Flux body

Yulong + Afacad Flux Font Pairing

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

Afacad Flux headlines + Yulong body

Afacad Flux + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Afacad Flux's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Afacad Flux focuses on conveying modernity and innovation.
Readability: Afacad Flux's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Afacad Flux to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Afacad Flux: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Afacad Flux

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

@font-face {
  font-family: 'Afacad Flux';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/afacad-flux-typeface/AfacadFlux[slnt,wght].woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

All Yulong pairings View Afacad Flux

Recommended sizes, weights, and line heights for Yulong + Afacad Flux.

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

#3Recommended Pairing

Yulong+Bim

YulongBDisplay

BimASans Serif

Expert Judgment

Bim's clean aesthetic provides the perfect foundation for Yulong's expressive style

Yulong headlines + Bim body

Yulong + Bim Font Pairing

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

Bim headlines + Yulong body

Bim + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Bim's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Bim focuses on conveying modernity and innovation.
Readability: Bim's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Bim to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Bim: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Bim

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

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

All Yulong pairings View Bim

Recommended sizes, weights, and line heights for Yulong + Bim.

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

#4Recommended Pairing

Yulong+Novah

YulongBDisplay

NovahBSans Serif

Expert Judgment

Novah's clean aesthetic provides the perfect foundation for Yulong's expressive style

Yulong headlines + Novah body

Yulong + Novah Font Pairing

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

Novah headlines + Yulong body

Novah + Yulong 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: Yulong's distinctive letterforms designed for large sizes pairs effectively with Novah's clean, modern letterforms without decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Yulong creating memorable first impressions while Novah focuses on conveying modernity and innovation.
Readability: Novah's excellent screen legibility across devices complements Yulong'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 Yulong for headlines, navigation, and hero sections where impact matters. Apply Novah to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Novah: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Novah

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

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

All Yulong pairings View Novah

Recommended sizes, weights, and line heights for Yulong + Novah.

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

#5Recommended Pairing

Yulong+Sotoportego

YulongBDisplay

SotoportegoBSerif

Expert Judgment

Sotoportego provides a sophisticated base for Yulong's bold headlines

Yulong headlines + Sotoportego body

Yulong + Sotoportego Font Pairing

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

Sotoportego headlines + Yulong body

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

Print & Editorial

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

Recommended Sizing

Yulong: 24px–72px for headings, 18px–24px for subheadings
Sotoportego: 14px–18px for body text, 12px–14px for captions

External: YulongExternal: Sotoportego

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

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

All Yulong pairings View Sotoportego

Recommended sizes, weights, and line heights for Yulong + Sotoportego.

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

Interactive Preview Tool

Test Yulong Font Pairings

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

Optical Characteristics of Yulong

Stroke modulation and aperture treatment in Yulong establish the typographic color that defines its on-page presence across different compositions.

Explore more display fonts →

Design Heritage of Yulong Typography

Yulong in Professional Design Applications

Accessibility & Readability Analysis for Yulong

Technical Typography Specifications for Yulong

Frequently Asked Questions

Best Font Pairing FAQ for Yulong

What type of font is Yulong?

How many font weights does Yulong offer?

How accessible is Yulong for body text?

Who designed Yulong?

What Vox-ATypI classification does Yulong belong to?

Ready to Design

Best Font Pairing — Start with Yulong

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

Test Pairings View Yulong Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithYulong

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Yulong

Yulong+Cossette Texte

Yulong + Cossette Texte Font Pairing

Cossette Texte + Yulong Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Yulong+Afacad Flux

Yulong + Afacad Flux Font Pairing

Afacad Flux + Yulong Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Yulong+Bim

Yulong + Bim Font Pairing

Bim + Yulong Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Yulong+Novah

Yulong + Novah Font Pairing

Novah + Yulong Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Yulong+Sotoportego

Yulong + Sotoportego Font Pairing

Sotoportego + Yulong 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 Yulong Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Yulong

Best Font Resources

Yulong Details

More Display Fonts

All Font Pairings

Browse by Category

Best Fonts to Pair WithYulong

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Yulong

Yulong+Cossette Texte

Yulong + Cossette Texte Font Pairing

Cossette Texte + Yulong Font Pairing