Lato

Sans Serif humanist-sans par Lukasz Dziedzic #8 sur Google Fonts
Graisse

À propos Lato

Le designer varsovien Lukasz Dziedzic a conçu Lato avec une double personnalité : les détails semi-arrondis des lettres «a» et «e» lui confèrent une chaleur de près, tandis que la structure d'ensemble paraît nette et professionnelle à distance. Ces traits apparemment contradictoires le rendent très efficace pour les sites institutionnels et les supports marketing où crédibilité et proximité doivent coexister. Disponible en cinq graisses avec italiques assorties, il s'est imposé comme un choix fiable pour le texte courant depuis plus d'une décennie.

Design Analysis

Lato blends semi-rounded letterforms with a strong, stable structure, creating a warm yet professional typeface. Originally designed as a corporate font, its details reveal classical proportions softened by subtle curves in terminals and counters. The family offers ten weights, each maintaining the balance between seriousness and friendliness.

Recommended Use Cases

Well-suited for corporate websites, SaaS dashboards, and professional documents where warmth without informality is needed. Works as both heading and body text, reducing the need for multiple font families.

Table de caractères

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Cascade de graisses (5)

100 Thin
300 Light
400 Regular
700 Bold
900 Black

Comment utiliser

<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700;900;400&display=swap');
font-family: 'Lato', sans-serif;
brew install --cask font-lato

Détails

Catégorie
Sans Serif
Graisses
5
Italique
Coréen
Designer
Lukasz Dziedzic
Licence
OFL
Version
Popularité
#8
Téléchargements
438

Utilisation de la licence

Usage webAutorisé
ImpressionAutorisé
Vidéo / DiffusionAutorisé
EmballageAutorisé
Intégration dans les appsAutorisé
Marque / LogoAutorisé
ModificationAutorisé

OFL — Gratuit pour usage personnel et commercial

Support linguistique

latin latin-ext

Idéal pour

body_text web_apps ui_elements

Concepts typographiques

  • Web Font

    A font specifically designed or licensed for use on websites, loaded via CSS @font-face or services like Google Fonts.

  • OFL (SIL Open Font License)

    The most common open-source font license. Allows free use, modification, and redistribution. All Google Fonts use OFL or Apache 2.0.

  • Modular Scale

    A sequence of harmonious numbers based on a ratio (e.g., 1.25 minor third, 1.333 perfect fourth, 1.618 golden ratio) used to set type sizes.

  • Letter Spacing

    The CSS property for adjusting spacing between all characters. Positive values spread letters apart; negative values bring them closer.

  • FOUT

    Flash of Unstyled Text — when a fallback font briefly appears before the web font loads. Mitigated by font-display: swap.

  • CLS (Font-related)

    Cumulative Layout Shift caused by font loading — text reflows when web font replaces fallback due to different metrics. A Core Web Vital issue.

Articles sur Lato