Roboto

Prueba Roboto

Pesos y estilos

• Thin 100Roboto Thin Thin Italic
• ExtraLight 200Roboto ExtraLight ExtraLight Italic
• Light 300Roboto Light Light Italic
• Regular 400Roboto Regular Cursiva
• Medium 500Roboto Medium Medium Italic
• SemiBold 600Roboto SemiBold SemiBold Italic
• Bold 700Roboto Bold Bold Italic
• ExtraBold 800Roboto ExtraBold ExtraBold Italic
• Black 900Roboto Black Black Italic

Roboto es una fuente variable: la descarga contiene toda la gama de pesos en un archivo por estilo, y los pesos con nombre de arriba son posiciones dentro de esa gama.

Sobre Roboto

Roboto es una familia sin serifa que las notas oficiales caracterizan por su doble naturaleza: un esqueleto mecánico y en gran parte geométrico combinado con curvas abiertas y cercanas. Las letras conservan su ancho natural en lugar de someterse a un ritmo rígido, algo que las notas vinculan con el ritmo de lectura de la tipografía humanista y con serifa. En el espécimen los trazos son uniformes, la a es de dos pisos y la R mayúscula se apoya en una pata diagonal recta. Desde julio de 2020, Roboto es una fuente variable con dos ejes: peso de 100 a 900 y ancho de 75 a 100, cuyo extremo estrecho equivale a la anterior Roboto Condensed. Nueve pesos con nombre vienen en redonda y cursiva, 18 estilos en total. Sus 1.326 glifos cubren los juegos latino, cirílico, griego y vietnamita. Los créditos nombran a Christian Robertson, ParaType y Font Bureau, y la licencia es la SIL Open Font License 1.1.

Dónde funciona Roboto

Interfaces de apps y de la web

Nueve pesos con cursivas cubren todos los niveles de una interfaz, desde cifras display en Thin hasta botones en Bold.

Tablas densas y paneles laterales

El eje de ancho se estrecha hasta 75 y permite colocar más caracteres en una columna sin salir de la misma familia.

Texto corrido

Las letras conservan su ancho natural, algo a lo que las notas oficiales atribuyen un ritmo de lectura más natural en los párrafos.

Productos en varios sistemas de escritura

Los juegos latino, cirílico, griego y vietnamita permiten que una sola familia sirva para muchas versiones de idioma.

Sistemas que necesitan acompañantes slab y mono

Las notas oficiales citan Roboto Slab y Roboto Mono como miembros de la misma superfamilia, para encabezados y código.

Glifos

Idiomas admitidos

La familia contiene las letras básicas con las que se escriben estos idiomas:

• Inglés
• Francés
• Alemán
• Español
• Portugués
• Italiano
• Neerlandés
• Sueco
• Noruego
• Danés
• Finés
• Islandés
• Catalán
• Turco
• Polaco
• Checo
• Eslovaco
• Húngaro
• Rumano
• Croata
• Esloveno
• Lituano
• Letón
• Estonio
• Vietnamita
• Ruso
• Ucraniano
• Búlgaro
• griego

Sistemas de escritura con glifos en la familia, además del latino: cirílico, griego. Se indican como sistemas de escritura, no como garantía para cada idioma que los usa.

Juegos de caracteres encontrados en los archivos: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. La lista de idiomas comprueba que la fuente tenga las letras necesarias; no garantiza la calidad tipográfica en cada idioma.

Licencia

Fuentes que combinan con Roboto

Las sugerencias salen de reglas sencillas sobre los datos: una clasificación que contraste y pesos suficientes para el texto corrido. Son un punto de partida, no un veredicto.

Usar Roboto en la web

Descarga la familia, aloja los archivos en tu propio sitio y decláralos en CSS. No enlaces a los archivos de trendhub.net: los archivos de vista previa son subconjuntos y sus direcciones cambian.

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Roboto", sans-serif;
}

O cárgala desde el origen oficial. Google Fonts ofrece Roboto con este código:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Lo que debes saber

El eje de ancho va de 75 a 100

Estrecha el diseño hacia la anterior Roboto Condensed; no lo hace más ancho.

Dos archivos variables

La redonda y la cursiva son archivos separados, cada uno con los dos ejes.

Preguntas frecuentes

Colecciones con Roboto

• Fuentes sans serif limpias para interfaces de apps

  Familias sans serif de licencia abierta que se leen con claridad en botones, menús, tablas y pantallas de ajustes, con los pesos que necesita una interfaz.

• Fuentes para subtítulos y rótulos de video

  Familias sans serif sencillas y robustas para subtítulos y rótulos, elegidas por la claridad de sus letras en tamaños pequeños y, en la mayoría de los casos, por su amplia cobertura de idiomas.

• Fuentes variables con eje de anchura

  Familias variables en las que el ancho de las letras se puede ajustar además del peso, desde un ligero estrechamiento para ajustar el texto hasta una gama completa de condensada a ancha.

• Sistemas tipográficos con familias sans, serif y mono a juego

  Familias diseñadas para usarse juntas: una sans, una serif o slab y a menudo una monoespaciada que comparten proporciones, pesos y carácter.

• Fuentes compatibles con griego

  Familias de licencia abierta con glifos griegos junto al latino, para sitios en griego y para matemáticas, ciencia y estudios clásicos.

Fuentes similares

Otras familias de la misma clasificación, ordenadas por etiquetas de uso en común. Todas las fuentes sans serif