Expert Font Pairings

Best Fonts to Pair WithPetrona

Q: How many font weights does Petrona offer?

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

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

Q: Who designed Petrona?

Petrona was designed by Veronika Burian. 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 Petrona belong to?

Petrona 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 6 expert font pairings for Petrona, a Serif typeface designed by Veronika Burian.

Petrona achieves typographic excellence with St Martin, Pont, Uncut Sans, Block Mono, and Cossette Texte. This versatile typeface supports The \"Petrona\" font supports a wide range of languages, including but not limited to Latin-based languages, such as English, Spanish, French, and German, as well as extended Latin characters to accommodate Central and Eastern European languages..

Expert Pairings6

CategorySerif

AccessibilityA

DesignerVeronika Burian

Download Petrona Test Pairings View Petrona Details

Scroll to explore

About This Pairing

Best Font Pairings for Petrona

TypeSmith pairs Petrona with St Martin as a serif–sans contrast combination. Petrona provides refined letterforms with stroke contrast, while St Martin contributes clean geometric or humanist letterforms.

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

Why It Works

Best Font Pairing Analysis for Petrona

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

Despite their structural differences, Petrona and St Martin share proportional compatibility that unifies them as a system. St Martin Typeface's sans-serif clarity complements Petrona's traditional character. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

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

Typography Expertise

Best Font Pairing Expertise for Petrona

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

Typographic Contrast

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

Visual Compatibility

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

Curated Combinations

Best Font Pairings for Petrona

Ranked by compatibility

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

Petrona+St Martin

PetronaASerif

St MartinA+Sans Serif

Expert Judgment

St Martin Typeface's sans-serif clarity complements Petrona's traditional character

Petrona headlines + St Martin body

Petrona + St Martin Font Pairing

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

St Martin headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
St Martin: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: St Martin

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

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

Get Petrona All Petrona pairings View St Martin

Recommended sizes, weights, and line heights for Petrona + St Martin.

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

#2Recommended Pairing

Petrona+Pont

PetronaASerif

PontCSans Serif

Expert Judgment

Petrona Typeface creates elegant contrast when paired with Pont's clean lines

Petrona headlines + Pont body

Petrona + Pont Font Pairing

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

Pont headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
Pont: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: Pont

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

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

Get Petrona All Petrona pairings View Pont

Recommended sizes, weights, and line heights for Petrona + Pont.

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

#2Recommended Pairing

Petrona+Uncut Sans

PetronaASerif

Uncut SansASans Serif

Expert Judgment

Petrona creates elegant contrast when paired with Uncut Sans's clean lines

Petrona headlines + Uncut Sans body

Petrona + Uncut Sans Font Pairing

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

Uncut Sans headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

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

Google: PetronaExternal: Uncut Sans

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

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

Get Petrona All Petrona pairings View Uncut Sans

Recommended sizes, weights, and line heights for Petrona + Uncut Sans.

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

#3Recommended Pairing

Petrona+Block Mono

PetronaASerif

Block MonoA+Sans Serif

Expert Judgment

Petrona Typeface creates elegant contrast when paired with Block Mono Typeface's clean lines

Petrona headlines + Block Mono body

Petrona + Block Mono Font Pairing

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

Block Mono headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
Block Mono: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: Block Mono

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

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

Get Petrona All Petrona pairings View Block Mono

Recommended sizes, weights, and line heights for Petrona + Block Mono.

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

#3Recommended Pairing

Petrona+Cossette Texte

PetronaASerif

Cossette TexteASans Serif

Expert Judgment

Petrona creates elegant contrast when paired with Cossette Texte Typeface's clean lines

Petrona headlines + Cossette Texte body

Petrona + Cossette Texte Font Pairing

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

Cossette Texte headlines + Petrona body

Cossette Texte + Petrona 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: Petrona's refined letterforms with decorative terminals 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—Petrona establishing authority and credibility while Cossette Texte focuses on conveying modernity and innovation.
Readability: Cossette Texte's excellent screen legibility across devices complements Petrona'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 Petrona 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

Petrona excels in editorial and publishing projects, 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 Petrona in logos and key messaging. Extend the system with Cossette Texte across marketing materials and corporate communications.

Recommended Sizing

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

Google: PetronaExternal: Cossette Texte

@import url('https://fonts.googleapis.com/css2?family=Petrona:wght@400;500;600;700&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;
}

Get Petrona All Petrona pairings View Cossette Texte

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

Element	Font	Size	Weight	Line Height
H1	Petrona	3.5rem / 56px	700	1.1
H2	Petrona	2.25rem / 36px	600	1.2
H3	Petrona	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

#4Recommended Pairing

Petrona+Andalos

PetronaASerif

AndalosBSans Serif

Expert Judgment

Andalos's sans-serif clarity complements Petrona Typeface's traditional character

Petrona headlines + Andalos body

Petrona + Andalos Font Pairing

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

Andalos headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
Andalos: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: Andalos

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

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

Get Petrona All Petrona pairings View Andalos

Recommended sizes, weights, and line heights for Petrona + Andalos.

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

Interactive Preview Tool

Test Petrona Font Pairings

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

Optical Characteristics of Petrona

Analyzing the optical structure of Petrona reveals characteristic serif construction. Key visual features include open counters with generous apertures in text cuts and distinct ball terminals or teardrop finials. Serifs guide horizontal eye movement along the baseline, making text sizes above 9 pt highly readable in print.

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

The counter shapes and terminal design of Petrona contribute to its overall typographic texture, influencing how the eye processes letterforms at both display and body sizes.

Explore more serif fonts →

Design Heritage of Petrona Typography

Petrona in Professional Design Applications

Accessibility & Readability Analysis for Petrona

Technical Typography Specifications for Petrona

Frequently Asked Questions

Best Font Pairing FAQ for Petrona

What type of font is Petrona?

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

How accessible is Petrona for body text?

Who designed Petrona?

What Vox-ATypI classification does Petrona belong to?

Ready to Design

Best Font Pairing — Start with Petrona

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

Download Petrona Test Pairings View Petrona Details

Continue Exploring

Best Font Resources

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

Petrona 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 WithPetrona

TypeSmith curates 6 expert font pairings for Petrona, a Serif typeface designed by Veronika Burian.

Expert Pairings6

CategorySerif

AccessibilityA

DesignerVeronika Burian

About This Pairing

Best Font Pairings for Petrona

Why It Works

Best Font Pairing Analysis for Petrona

Typography Expertise

Best Font Pairing Expertise for Petrona

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Petrona

Ranked by compatibility

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

Petrona+St Martin

PetronaASerif

St MartinA+Sans Serif

Expert Judgment

St Martin Typeface's sans-serif clarity complements Petrona's traditional character

Petrona headlines + St Martin body

Petrona + St Martin Font Pairing

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

St Martin headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
St Martin: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: St Martin

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

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

Get Petrona All Petrona pairings View St Martin

Recommended sizes, weights, and line heights for Petrona + St Martin.

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

#2Recommended Pairing

Petrona+Pont

PetronaASerif

PontCSans Serif

Expert Judgment

Petrona Typeface creates elegant contrast when paired with Pont's clean lines

Petrona headlines + Pont body

Petrona + Pont Font Pairing

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

Pont headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
Pont: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: Pont

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

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

Get Petrona All Petrona pairings View Pont

Recommended sizes, weights, and line heights for Petrona + Pont.

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

#2Recommended Pairing

Petrona+Uncut Sans

PetronaASerif

Uncut SansASans Serif

Expert Judgment

Petrona creates elegant contrast when paired with Uncut Sans's clean lines

Petrona headlines + Uncut Sans body

Petrona + Uncut Sans Font Pairing

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

Uncut Sans headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

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

Google: PetronaExternal: Uncut Sans

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

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

Get Petrona All Petrona pairings View Uncut Sans

Recommended sizes, weights, and line heights for Petrona + Uncut Sans.

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

#3Recommended Pairing

Petrona+Block Mono

PetronaASerif

Block MonoA+Sans Serif

Expert Judgment

Petrona Typeface creates elegant contrast when paired with Block Mono Typeface's clean lines

Petrona headlines + Block Mono body

Petrona + Block Mono Font Pairing

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

Block Mono headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
Block Mono: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: Block Mono

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

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

Get Petrona All Petrona pairings View Block Mono

Recommended sizes, weights, and line heights for Petrona + Block Mono.

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

#3Recommended Pairing

Petrona+Cossette Texte

PetronaASerif

Cossette TexteASans Serif

Expert Judgment

Petrona creates elegant contrast when paired with Cossette Texte Typeface's clean lines

Petrona headlines + Cossette Texte body

Petrona + Cossette Texte Font Pairing

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

Cossette Texte headlines + Petrona body

Cossette Texte + Petrona 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: Petrona's refined letterforms with decorative terminals 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—Petrona establishing authority and credibility while Cossette Texte focuses on conveying modernity and innovation.
Readability: Cossette Texte's excellent screen legibility across devices complements Petrona'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 Petrona 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

Petrona excels in editorial and publishing projects, 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 Petrona in logos and key messaging. Extend the system with Cossette Texte across marketing materials and corporate communications.

Recommended Sizing

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

Google: PetronaExternal: Cossette Texte

@import url('https://fonts.googleapis.com/css2?family=Petrona:wght@400;500;600;700&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;
}

Get Petrona All Petrona pairings View Cossette Texte

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

Element	Font	Size	Weight	Line Height
H1	Petrona	3.5rem / 56px	700	1.1
H2	Petrona	2.25rem / 36px	600	1.2
H3	Petrona	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

#4Recommended Pairing

Petrona+Andalos

PetronaASerif

AndalosBSans Serif

Expert Judgment

Andalos's sans-serif clarity complements Petrona Typeface's traditional character

Petrona headlines + Andalos body

Petrona + Andalos Font Pairing

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

Andalos headlines + Petrona body

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Petrona: 24px–72px for headings, 18px–24px for subheadings
Andalos: 14px–18px for body text, 12px–14px for captions

Google: PetronaExternal: Andalos

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

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

Get Petrona All Petrona pairings View Andalos

Recommended sizes, weights, and line heights for Petrona + Andalos.

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

Interactive Preview Tool

Test Petrona Font Pairings

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

Optical Characteristics of Petrona

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

The counter shapes and terminal design of Petrona contribute to its overall typographic texture, influencing how the eye processes letterforms at both display and body sizes.

Explore more serif fonts →

Design Heritage of Petrona Typography

Petrona in Professional Design Applications

Accessibility & Readability Analysis for Petrona

Technical Typography Specifications for Petrona

Frequently Asked Questions

Best Font Pairing FAQ for Petrona

What type of font is Petrona?

How many font weights does Petrona offer?

How accessible is Petrona for body text?

Who designed Petrona?

What Vox-ATypI classification does Petrona belong to?

Ready to Design

Best Font Pairing — Start with Petrona

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

Download Petrona Test Pairings View Petrona Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithPetrona

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Petrona

Petrona+St Martin

Petrona + St Martin Font Pairing

St Martin + Petrona Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Petrona+Pont

Petrona + Pont Font Pairing

Pont + Petrona Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Petrona+Uncut Sans

Petrona + Uncut Sans Font Pairing

Uncut Sans + Petrona Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Petrona+Block Mono

Petrona + Block Mono Font Pairing

Block Mono + Petrona Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Petrona+Cossette Texte

Petrona + Cossette Texte Font Pairing

Cossette Texte + Petrona Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Petrona+Andalos

Petrona + Andalos Font Pairing

Andalos + Petrona 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 Petrona Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Petrona

Best Font Resources

Petrona Details

More Serif Fonts

All Font Pairings

Browse by Category

Best Fonts to Pair WithPetrona

About This Pairing