What is the design history of Commissioner?

Commissioner is a Neo-grotesque sans-serif from the Contemporary sans-serif design era. Designed by Kostas Bartsokas. Neo-grotesque sans-serif tradition.

What other fonts did Kostas Bartsokas design?

Commissioner was designed by Kostas Bartsokas, known for sans-serif typeface design. Other notable fonts include Commissioner 2.

What type of font is Commissioner?

Commissioner is a sans-serif typeface classified under the Lineal branch of the Vox-ATypI system. Related categories include monospace. The Lineal branch of Vox-ATypI includes Grotesque, Neo-grotesque, Geometric, and Humanist sans-serifs — the dominant category in modern digital typography.

How many font weights does Commissioner offer?

Commissioner offers 1 weight. A wider weight range provides more flexibility for establishing visual hierarchy in headings, body text, and UI elements.

How accessible is Commissioner for body text?

TypeSmith rates Commissioner with excellent accessibility. Its high x-height ratio, open apertures, and clear letterform distinction make it exceptionally readable across sizes. For maximum readability, TypeSmith recommends testing at 16px minimum with 1.5 line-height.

Best Font Pairings For Commissioner - Expert Typography Combinations | TypeSmith

Expert Font Pairings

Best Fonts to Pair WithCommissioner

TypeSmith curates 7 expert font pairings for Commissioner, a Sans Serif typeface designed by Kostas Bartsokas.

Commissioner partners perfectly with Lato, Liberta, Proup, Thestral, and BodoniXT. This versatile typeface supports Latin, Cyrillic, and Greek scripts, accommodating a wide range of languages within these alphabetic systems..

Expert Pairings7

CategorySans Serif

AccessibilityA+

DesignerKostas Bartsokas

Download Commissioner Test Pairings View Commissioner Details

Scroll to explore

About This Pairing

Best Font Pairings for Commissioner

This combination matches Commissioner with Lato as a sans-serif weight contrast combination. Commissioner provides clean geometric or humanist letterforms, while Lato contributes clean geometric or humanist letterforms.

Together, these typefaces create a cohesive type system where Commissioner anchors digital interfaces, web typography, and contemporary branding and Lato extends into digital interfaces, web typography, and contemporary branding. TypeSmith curates 7 total pairings for Commissioner, with Lato selected for its complementary screen legibility and modern clarity.

Why It Works

Best Font Pairing Analysis for Commissioner

The typographic contrast between Commissioner and Lato creates visual interest without conflict. Commissioner's clean geometric or humanist letterforms pairs against Lato's clean geometric or humanist letterforms, producing the structural variation that guides readers through content hierarchy.

Despite their structural differences, Commissioner and Lato share proportional compatibility that unifies them as a system. Lato shares proportional harmony that unifies the design. Both typefaces share no decorative strokes, creating unified design language while maintaining individual character. Recommended for digital products where typographic hierarchy enhances communication. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

Across design contexts, Commissioner functions best at heading sizes (24px and above) where its screen legibility and modern clarity is most effective. Lato excels at body text sizes (14-18px) where screen legibility and modern clarity ensures comfortable reading.

Typography Expertise

Curated Combinations

Best Font Pairings for Commissioner

Ranked by compatibility

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

Commissioner+Lato

CommissionerA+Sans Serif

LatoA+Sans Serif

Expert Judgment

Lato shares proportional harmony that unifies the design. Both typefaces share no decorative strokes, creating unified design language while maintaining individual character. Recommended for digital products where typographic hierarchy enhances communication.

Commissioner headlines + Lato body

Commissioner + Lato Font Pairing

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

Lato headlines + Commissioner body

Lato + Commissioner Font Pairing

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

Why This Pairing Works

Harmonious Unity: Both Commissioner and Lato share sans serif characteristics, creating a cohesive typographic system with subtle variation.
Consistent Tone: The shared design philosophy ensures visual consistency while distinct personalities prevent monotony.
Readability: Lato's excellent screen legibility across devices complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and modern brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

Commissioner: 24px–72px for headings, 18px–24px for subheadings
Lato: 14px–18px for body text, 12px–14px for captions

Google: CommissionerGoogle: Lato

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

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

Get Commissioner Get Lato All Commissioner pairings View Lato

Recommended sizes, weights, and line heights for Commissioner + Lato.

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

#1Recommended Pairing

Commissioner+Liberta

CommissionerA+Sans Serif

LibertaB+Display

Expert Judgment

Liberta Typeface's bold presence works excellently with Commissioner Typeface as supporting body text

Commissioner headlines + Liberta body

Commissioner + Liberta Font Pairing

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

Liberta headlines + Commissioner body

Liberta + Commissioner Font Pairing

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

Why This Pairing Works

Complementary Contrast: Commissioner's clean, modern letterforms without decorative terminals pairs effectively with Liberta's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Commissioner maximizing readability at all sizes while Liberta focuses on establishing strong brand recognition.
Readability: Liberta's unique design details that command attention complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Commissioner excels in digital interfaces and web applications, while Liberta provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Commissioner: 24px–72px for headings, 18px–24px for subheadings
Liberta: 14px–18px for body text, 12px–14px for captions

Google: CommissionerExternal: Liberta

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

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

Get Commissioner All Commissioner pairings View Liberta

#2Recommended Pairing

Commissioner+Proup

CommissionerA+Sans Serif

ProupB+Display

Expert Judgment

Proup's bold presence works excellently with Commissioner Typeface as supporting body text

Commissioner headlines + Proup body

Commissioner + Proup Font Pairing

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

Proup headlines + Commissioner body

Proup + Commissioner Font Pairing

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

Why This Pairing Works

Complementary Contrast: Commissioner's clean, modern letterforms without decorative terminals pairs effectively with Proup's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Commissioner maximizing readability at all sizes while Proup focuses on establishing strong brand recognition.
Readability: Proup's unique design details that command attention complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Commissioner excels in digital interfaces and web applications, while Proup provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Commissioner: 24px–72px for headings, 18px–24px for subheadings
Proup: 14px–18px for body text, 12px–14px for captions

Google: CommissionerExternal: Proup

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

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

Get Commissioner All Commissioner pairings View Proup

#3Recommended Pairing

Commissioner+Thestral

CommissionerA+Sans Serif

ThestralB+Serif

Expert Judgment

The clean lines of Commissioner Typeface create visual harmony with Thestral's refined serifs

Commissioner headlines + Thestral body

Commissioner + Thestral Font Pairing

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

Thestral headlines + Commissioner body

Thestral + Commissioner Font Pairing

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

Why This Pairing Works

Complementary Contrast: Commissioner's clean, modern letterforms without decorative terminals pairs effectively with Thestral's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Commissioner maximizing readability at all sizes while Thestral focuses on enhancing readability in long-form content.
Readability: Thestral's traditional typography roots with timeless appeal complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Recommended Sizing

Commissioner: 24px–72px for headings, 18px–24px for subheadings
Thestral: 14px–18px for body text, 12px–14px for captions

Google: CommissionerExternal: Thestral

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

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

Get Commissioner All Commissioner pairings View Thestral

#3Recommended Pairing

Commissioner+BodoniXT

CommissionerA+Sans Serif

BodoniXTBSerif

Expert Judgment

The clean lines of Commissioner create visual harmony with BodoniXT's refined serifs

Commissioner headlines + BodoniXT body

Commissioner + BodoniXT Font Pairing

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

BodoniXT headlines + Commissioner body

BodoniXT + Commissioner Font Pairing

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

Why This Pairing Works

Complementary Contrast: Commissioner's clean, modern letterforms without decorative terminals pairs effectively with BodoniXT's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Commissioner maximizing readability at all sizes while BodoniXT focuses on enhancing readability in long-form content.
Readability: BodoniXT's traditional typography roots with timeless appeal complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

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

Recommended Sizing

Commissioner: 24px–72px for headings, 18px–24px for subheadings
BodoniXT: 14px–18px for body text, 12px–14px for captions

Google: CommissionerExternal: BodoniXT

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

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

Get Commissioner All Commissioner pairings View BodoniXT

Recommended sizes, weights, and line heights for Commissioner + BodoniXT.

Element	Font	Size	Weight	Line Height
H1	Commissioner	3.5rem / 56px	700	1.1
H2	Commissioner	2.25rem / 36px	600	1.2
H3	Commissioner	1.5rem / 24px	600	1.3

#5Recommended Pairing

Commissioner+Gridlock

CommissionerA+Sans Serif

GridlockBDisplay

Expert Judgment

Gridlock's bold presence works excellently with Commissioner Typeface as supporting body text

Commissioner headlines + Gridlock body

Commissioner + Gridlock Font Pairing

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

Gridlock headlines + Commissioner body

Gridlock + Commissioner Font Pairing

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

Why This Pairing Works

Complementary Contrast: Commissioner's clean, modern letterforms without decorative terminals pairs effectively with Gridlock's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Commissioner maximizing readability at all sizes while Gridlock focuses on establishing strong brand recognition.
Readability: Gridlock's unique design details that command attention complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Commissioner excels in digital interfaces and web applications, while Gridlock provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

Commissioner: 24px–72px for headings, 18px–24px for subheadings
Gridlock: 14px–18px for body text, 12px–14px for captions

Google: CommissionerExternal: Gridlock

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

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

Get Commissioner All Commissioner pairings View Gridlock

#5Recommended Pairing

Commissioner+Merriweather

CommissionerA+Sans Serif

MerriweatherA+Serif

Expert Judgment

Merriweather delivers engaging contrast that guides the reader's eye. The combination of geometric forms from Commissioner with decorative terminals from Merriweather produces effective visual distinction. Recommended for editorial layouts where typographic hierarchy enhances communication.

Commissioner headlines + Merriweather body

Commissioner + Merriweather Font Pairing

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

Merriweather headlines + Commissioner body

Merriweather + Commissioner Font Pairing

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

Why This Pairing Works

Complementary Contrast: Commissioner's clean, modern letterforms without decorative terminals pairs effectively with Merriweather's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Commissioner maximizing readability at all sizes while Merriweather focuses on enhancing readability in long-form content.
Readability: Merriweather's traditional typography roots with timeless appeal complements Commissioner's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

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

Print & Editorial

Commissioner excels in digital interfaces and web applications, while Merriweather provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

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

Recommended Sizing

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

Google: CommissionerGoogle: Merriweather

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

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

Get Commissioner Get Merriweather All Commissioner pairings View Merriweather

Typography Reference

Best Font Guide for Commissioner

Optical Characteristics of Commissioner

Commissioner exhibits distinct optical properties rooted in sans-serif design conventions. Key visual features include open or closed apertures depending on sub-class and no serif extensions on stroke terminals. Humanist sans-serifs offer the best body-text readability in the category.

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

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

Explore more sans-serif fonts →

Design Heritage of Commissioner Typography

Commissioner in Professional Design Applications

Accessibility & Readability Analysis for Commissioner

Technical Typography Specifications for Commissioner

Best Fonts to Pair WithCommissioner

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Commissioner

Commissioner+Lato

Commissioner + Lato Font Pairing

Lato + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Commissioner+Liberta

Commissioner + Liberta Font Pairing

Liberta + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Commissioner+Proup

Commissioner + Proup Font Pairing

Proup + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Commissioner+Thestral

Commissioner + Thestral Font Pairing

Thestral + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Commissioner+BodoniXT

Commissioner + BodoniXT Font Pairing

BodoniXT + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Commissioner+Gridlock

Commissioner + Gridlock Font Pairing

Gridlock + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Commissioner+Merriweather

Commissioner + Merriweather Font Pairing

Merriweather + Commissioner Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Best Font Pairings for Sans Serif Fonts

Encode Sans

Galdeano

Aclonica

Encode Sans Expanded

Advent Pro

Encode Sans Semi Condensed

Test Commissioner Font Pairings

Typography Reference