Lato

Sans Serif humanist-sans por Lukasz Dziedzic #8 en Google Fonts
Peso

Acerca de Lato

El diseñador de Varsovia Lukasz Dziedzic creó Lato con una personalidad dual: los detalles semirredondeados en letras como «a» y «e» le aportan calidez de cerca, mientras que la estructura general se lee limpia y profesional a distancia. Estos rasgos aparentemente contradictorios la hacen muy eficaz para sitios corporativos y materiales de marketing donde deben coexistir credibilidad y cercanía. Disponible en cinco pesos con itálicas a juego, ha perdurado como una elección fiable para el texto de cuerpo durante más de una década.

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.

Mapa de caracteres

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

Cascada de pesos (5)

100 Thin
300 Light
400 Regular
700 Bold
900 Black

Cómo usar

<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

Detalles

Categoría
Sans Serif
Estilo
humanist-sans
Pesos
5
Cursiva
Coreano
Diseñador
Lukasz Dziedzic
Licencia
OFL
Versión
Popularidad
#8
Descargas
437

Uso de licencia

Uso webPermitido
ImpresiónPermitido
Video / EmisiónPermitido
EmpaquePermitido
Inserción en appsPermitido
Marca / LogoPermitido
ModificaciónPermitido

OFL — Gratis para uso personal y comercial

Soporte de idiomas

latin latin-ext

Ideal para

body_text web_apps ui_elements

Conceptos tipográficos

  • 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.

Artículos sobre Lato