Grana was designed by Femmy Fransiska. 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 WithGrana

Q: How many font weights does Grana offer?

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

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

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

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

TypeSmith curates 5 expert font pairings for Grana, a Serif typeface designed by Femmy Fransiska.

Grana delivers visual harmony with Ronaldson Gothic, Serithai, Rostov, Quarry Digger, and Pan. This versatile typeface supports This font encodes 105 glyphs covering Latin. Text outside these ranges falls back to another face in the stack..

Expert Pairings5

CategorySerif

AccessibilityB+

DesignerFemmy Fransiska

Test Pairings View Grana Details

Scroll to explore

About This Pairing

Best Font Pairings for Grana

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

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

Why It Works

Best Font Pairing Analysis for Grana

Visual tension between Grana and Ronaldson Gothic creates visual interest without conflict. Grana's refined letterforms with stroke contrast pairs against Ronaldson Gothic's clean geometric or humanist letterforms, producing the structural variation that guides readers through content hierarchy.

These typefaces share underlying compatibility: Grana and Ronaldson Gothic share proportional compatibility that unifies them as a system. Grana creates elegant contrast when paired with Ronaldson Gothic's clean lines. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

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

Typography Expertise

Best Font Pairing Expertise for Grana

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

Typographic Contrast

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

Visual Compatibility

Proportional harmony. TypeSmith evaluates Grana and Ronaldson Gothic 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 long-form reading, editorial layouts, and traditional print contexts where Grana leads at display sizes and Ronaldson Gothic supports at text sizes. Among 5 curated pairings for Grana, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for Grana

Ranked by compatibility

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

Grana+Ronaldson Gothic

GranaB+Serif

Ronaldson GothicASans Serif

Expert Judgment

Grana creates elegant contrast when paired with Ronaldson Gothic's clean lines

Grana headlines + Ronaldson Gothic body

Grana + Ronaldson Gothic Font Pairing

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

Ronaldson Gothic headlines + Grana body

Ronaldson Gothic + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Ronaldson Gothic: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Ronaldson Gothic

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

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

All Grana pairings View Ronaldson Gothic

Recommended sizes, weights, and line heights for Grana + Ronaldson Gothic.

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

#2Recommended Pairing

Grana+Serithai

GranaB+Serif

SerithaiASans Serif

Expert Judgment

The classic serif styling of Grana balances beautifully with Serithai's modern simplicity

Grana headlines + Serithai body

Grana + Serithai Font Pairing

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

Serithai headlines + Grana body

Serithai + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Serithai: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Serithai

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

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

All Grana pairings View Serithai

Recommended sizes, weights, and line heights for Grana + Serithai.

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

#3Recommended Pairing

Grana+Rostov

GranaB+Serif

RostovASans Serif

Expert Judgment

Rostov's sans-serif clarity complements Grana's traditional character

Grana headlines + Rostov body

Grana + Rostov Font Pairing

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

Rostov headlines + Grana body

Rostov + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Rostov: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Rostov

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

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

All Grana pairings View Rostov

Recommended sizes, weights, and line heights for Grana + Rostov.

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

#4Recommended Pairing

Grana+Quarry Digger

GranaB+Serif

Quarry DiggerASans Serif

Expert Judgment

The classic serif styling of Grana balances beautifully with Quarry Digger's modern simplicity

Grana headlines + Quarry Digger body

Grana + Quarry Digger Font Pairing

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

Quarry Digger headlines + Grana body

Quarry Digger + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Quarry Digger: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Quarry Digger

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

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

All Grana pairings View Quarry Digger

Recommended sizes, weights, and line heights for Grana + Quarry Digger.

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

#5Recommended Pairing

Grana+Pan

GranaB+Serif

PanB+Sans Serif

Expert Judgment

Pan Typeface's sans-serif clarity complements Grana's traditional character

Grana headlines + Pan body

Grana + Pan Font Pairing

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

Pan headlines + Grana body

Pan + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Pan: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Pan

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

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

All Grana pairings View Pan

Recommended sizes, weights, and line heights for Grana + Pan.

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

Interactive Preview Tool

Test Grana Font Pairings

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

Optical Characteristics of Grana

The structural foundation of Grana reflects established serif typographic principles. Key visual features include bracketed or hairline serifs terminating each stroke and open counters with generous apertures in text cuts. Serifs guide horizontal eye movement along the baseline, making text sizes above 9 pt highly readable in print.

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

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

Explore more serif fonts →

Design Heritage of Grana Typography

Grana in Professional Design Applications

Accessibility & Readability Analysis for Grana

Technical Typography Specifications for Grana

Frequently Asked Questions

Best Font Pairing FAQ for Grana

What type of font is Grana?

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

How many font weights does Grana offer?

How accessible is Grana for body text?

Who designed Grana?

What Vox-ATypI classification does Grana belong to?

Ready to Design

Best Font Pairing — Start with Grana

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

Test Pairings View Grana Details

Continue Exploring

Best Font Resources

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

Grana Details

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

More Serif Fonts

Browse all serif fonts with similar characteristics.

All Font Pairings

Explore the complete collection of curated font pairing recommendations.

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithGrana

TypeSmith curates 5 expert font pairings for Grana, a Serif typeface designed by Femmy Fransiska.

Expert Pairings5

CategorySerif

AccessibilityB+

DesignerFemmy Fransiska

About This Pairing

Best Font Pairings for Grana

Why It Works

Best Font Pairing Analysis for Grana

Typography Expertise

Best Font Pairing Expertise for Grana

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Grana

Ranked by compatibility

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

Grana+Ronaldson Gothic

GranaB+Serif

Ronaldson GothicASans Serif

Expert Judgment

Grana creates elegant contrast when paired with Ronaldson Gothic's clean lines

Grana headlines + Ronaldson Gothic body

Grana + Ronaldson Gothic Font Pairing

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

Ronaldson Gothic headlines + Grana body

Ronaldson Gothic + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Ronaldson Gothic: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Ronaldson Gothic

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

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

All Grana pairings View Ronaldson Gothic

Recommended sizes, weights, and line heights for Grana + Ronaldson Gothic.

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

#2Recommended Pairing

Grana+Serithai

GranaB+Serif

SerithaiASans Serif

Expert Judgment

The classic serif styling of Grana balances beautifully with Serithai's modern simplicity

Grana headlines + Serithai body

Grana + Serithai Font Pairing

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

Serithai headlines + Grana body

Serithai + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Serithai: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Serithai

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

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

All Grana pairings View Serithai

Recommended sizes, weights, and line heights for Grana + Serithai.

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

#3Recommended Pairing

Grana+Rostov

GranaB+Serif

RostovASans Serif

Expert Judgment

Rostov's sans-serif clarity complements Grana's traditional character

Grana headlines + Rostov body

Grana + Rostov Font Pairing

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

Rostov headlines + Grana body

Rostov + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Rostov: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Rostov

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

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

All Grana pairings View Rostov

Recommended sizes, weights, and line heights for Grana + Rostov.

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

#4Recommended Pairing

Grana+Quarry Digger

GranaB+Serif

Quarry DiggerASans Serif

Expert Judgment

The classic serif styling of Grana balances beautifully with Quarry Digger's modern simplicity

Grana headlines + Quarry Digger body

Grana + Quarry Digger Font Pairing

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

Quarry Digger headlines + Grana body

Quarry Digger + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Quarry Digger: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Quarry Digger

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

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

All Grana pairings View Quarry Digger

Recommended sizes, weights, and line heights for Grana + Quarry Digger.

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

#5Recommended Pairing

Grana+Pan

GranaB+Serif

PanB+Sans Serif

Expert Judgment

Pan Typeface's sans-serif clarity complements Grana's traditional character

Grana headlines + Pan body

Grana + Pan Font Pairing

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

Pan headlines + Grana body

Pan + Grana Font Pairing

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

Why This Pairing Works

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

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Grana: 24px–72px for headings, 18px–24px for subheadings
Pan: 14px–18px for body text, 12px–14px for captions

External: GranaExternal: Pan

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

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

All Grana pairings View Pan

Recommended sizes, weights, and line heights for Grana + Pan.

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

Interactive Preview Tool

Test Grana Font Pairings

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

Optical Characteristics of Grana

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

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

Explore more serif fonts →

Design Heritage of Grana Typography

Grana in Professional Design Applications

Accessibility & Readability Analysis for Grana

Technical Typography Specifications for Grana

Frequently Asked Questions

Best Font Pairing FAQ for Grana

What type of font is Grana?

How many font weights does Grana offer?

How accessible is Grana for body text?

Who designed Grana?

What Vox-ATypI classification does Grana belong to?

Ready to Design

Best Font Pairing — Start with Grana

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

Test Pairings View Grana Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithGrana

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Grana

Grana+Ronaldson Gothic

Grana + Ronaldson Gothic Font Pairing

Ronaldson Gothic + Grana Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Grana+Serithai

Grana + Serithai Font Pairing

Serithai + Grana Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Grana+Rostov

Grana + Rostov Font Pairing

Rostov + Grana Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Grana+Quarry Digger

Grana + Quarry Digger Font Pairing

Quarry Digger + Grana Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Grana+Pan

Grana + Pan Font Pairing

Pan + Grana Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Best Font Pairings for Serif Fonts

Abhaya Libre

Aleo

Faustina

Gloock

Alice

Grandiflora One

Test Grana Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Grana

Best Font Resources

Grana Details

More Serif Fonts

All Font Pairings

Browse by Category

Best Fonts to Pair WithGrana

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Grana

Grana+Ronaldson Gothic

Grana + Ronaldson Gothic Font Pairing

Ronaldson Gothic + Grana Font Pairing