Lora + Lato

Lora and Lato form a powerful, trustworthy, and highly readable font pairing, ideal for long-form content such as blogs, documentation, and news articles.

Why choose Lora for headings?

Lora is a serif typeface designed by Cyreal, inspired by traditional calligraphy. Its balanced and well-proportioned letterforms make it an excellent choice for headings and subheadings in long-form content. Lora’s x-height is moderate, which ensures that it remains legible even at smaller sizes. The font has a calligraphic influence, providing a touch of elegance and sophistication without being overly formal.

Key characteristics: Moderate contrast, slightly condensed letterforms, and a warm, inviting appearance.
Available weights: 400 (Regular), 400 Italic, 700 (Bold), 700 Italic.
Where it shines: Headings, subheadings, and short paragraphs where a touch of elegance is desired.
Where it struggles: Very small text sizes or long blocks of body text may reduce readability.

Why choose Lato for body text?

Lato, designed by Łukasz Dziedzic, is a sans-serif typeface that combines simplicity with warmth. Its clean and straightforward letterforms make it highly readable, even in lengthy documents. Lato’s open apertures and large x-height contribute to its excellent legibility, making it a reliable choice for body text. The font’s neutral appearance allows it to blend seamlessly with a variety of heading fonts, including Lora.

Key characteristics: Open apertures, large x-height, and a neutral yet friendly appearance.
Available weights: 100 (Thin), 300 (Light), 400 (Regular), 700 (Bold), 900 (Black), and their corresponding italics.
Where it shines: Body text, captions, and any context where clarity and readability are paramount.
Where it struggles: Very large display sizes may reveal a lack of distinctive character.

How do Lora and Lato work together?

The combination of Lora and Lato creates a balanced and harmonious typographic palette. Lora’s calligraphic influence adds a layer of sophistication to headings, while Lato’s clean and modern design ensures that body text remains clear and accessible. The contrast between the two fonts is subtle yet effective, providing a visual hierarchy that guides the reader through the content effortlessly.

Contrast: The serif/sans-serif combination offers a clear distinction between headings and body text.
Harmony: Both fonts share a warm and inviting appearance, creating a cohesive look.
Readability: Lato’s high readability complements Lora’s elegant design, making for a pleasant reading experience.
Flexibility: The availability of multiple weights allows for a versatile typographic system.

Setting up the pairing: practical tips

To effectively use Lora and Lato together, consider the following practical tips:

Heading hierarchy: Use Lora for main headings (H1, H2) and Lato for subheadings (H3, H4). This maintains a clear hierarchy while leveraging the strengths of each font.
Font weights: Use Lora Bold for main headings and Lato Regular for body text. For subheadings, Lato Bold can be used to create emphasis.
Line spacing: Adjust line spacing (leading) to improve readability. For body text, a line height of 1.5 is generally recommended.
Font size: Use a font size of 16-18px for body text to ensure readability on screens. Headings can vary from 24px for H2 to 48px for H1, depending on the design.
Color contrast: Ensure sufficient color contrast between text and background to enhance readability. Use tools like the WebAIM Contrast Checker to verify contrast ratios.

Alternative pairing: Merriweather + Source Sans 3

If you’re looking for an alternative pairing that offers a similar balance of elegance and readability, consider Merriweather and Source Sans 3. Merriweather, designed by Sorkin Type, is a serif font with a strong, sturdy presence, ideal for headings. Source Sans 3, designed by Adobe, is a versatile sans-serif font that provides excellent readability for body text.

Merriweather: Available in 4 weights (Regular, Bold, Italic, Bold Italic) with a strong, authoritative appearance.
Source Sans 3: Available in 6 weights (Light, Regular, Bold, and their italics) with a clean, modern design.
Why it works: The combination of Merriweather’s bold serif design and Source Sans 3’s clean sans-serif structure offers a striking contrast that enhances readability and visual appeal.

Frequently asked questions

What is the best font size for body text using Lato?

A font size of 16-18px is generally recommended for body text to ensure readability on screens. However, this can be adjusted based on the specific design and audience needs.

Can Lora be used for body text?

While Lora can be used for body text, it is more commonly used for headings and short paragraphs due to its calligraphic influence. For lengthy body text, Lato is a more suitable choice due to its higher readability.

Are Lora and Lato available in italic versions?

Yes, both Lora and Lato are available in italic versions. Lora includes a Regular Italic and Bold Italic, while Lato includes italics for all its weights.

Where can I download Lora and Lato?

Both fonts are available for free on Google Fonts. You can download them directly from the Google Fonts website.