Best Fonts to Pair WithOtto

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

• Otto: 24px–72px for headings, 18px–24px for subheadings
• Lt Avocado: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

• Otto: 24px–72px for headings, 18px–24px for subheadings
• Getai Grotesk: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

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

Print & Editorial

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

Recommended Sizing

• Otto: 24px–72px for headings, 18px–24px for subheadings
• Charter: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

• Otto: 24px–72px for headings, 18px–24px for subheadings
• Neutral Face: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

• Otto: 24px–72px for headings, 18px–24px for subheadings
• Revard: 14px–18px for body text, 12px–14px for captions