Roboto Condensed

Prueba Roboto Condensed

Pesos y estilos

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

Roboto Condensed 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 Condensed

Roboto Condensed es una tipografía sin serifa estrecha, la rama condensada de Roboto, de Christian Robertson. El espécimen muestra letras altas y comprimidas, con formas redondas de lados rectos, terminaciones planas y un espaciado cerrado, de modo que una línea contiene claramente más caracteres que una sin serifa de ancho normal. Las notas oficiales describen el diseño original como un esqueleto geométrico y mecánico suavizado por curvas abiertas, y señalan que la familia condensada está pensada para usarse junto a Roboto y Roboto Slab. Es una fuente variable con un eje de peso de 100 a 900 y nueve pesos con nombre, de Thin a Black, cada uno con su cursiva: 18 estilos. Sus 1.321 glifos cubren latino, latino extendido, vietnamita, cirílico, cirílico extendido y griego. Según las notas, la familia pasó a ser una fuente variable en agosto de 2023.

Dónde funciona Roboto Condensed

Etiquetas de interfaz densas

El ancho comprimido de las letras permite que quepan etiquetas más largas en botones, pestañas y barras de navegación, y los nueve pesos dan varios niveles de énfasis.

Tablas y diseños con muchos datos

Las columnas estrechas contienen más caracteres por celda, y el eje de peso de 100 a 900 distingue los encabezados de los valores sin cambiar de familia.

Titulares en columnas estrechas

ExtraBold 800 y Black 900 se mantienen compactos, así que un titular largo cabe en una pantalla de móvil o en una columna de estilo periodístico.

Complemento del texto corrido en Roboto

Las notas indican que la familia condensada está hecha para funcionar junto con Roboto y Roboto Slab, de modo que los pies de foto y las notas laterales pueden componerse más estrechos con un diseño a juego.

Señalización y formularios multilingües

Latino, cirílico y griego están en las mismas fuentes, así que un formulario o un letrero en ruso o en griego conserva las mismas proporciones estrechas.

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 Condensed

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 Condensed 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 Condensed";
  src: url("/assets/fonts/RobotoCondensed-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/assets/fonts/RobotoCondensed-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

O cárgala desde el origen oficial. Google Fonts ofrece Roboto Condensed 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+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Lo que debes saber

Dos archivos variables

La redonda y la cursiva son fuentes variables separadas, cada una con solo el eje de peso, de 100 a 900. El ancho es fijo: no hay eje de ancho.

Sin griego politónico

El griego está cubierto para el uso moderno, pero el subconjunto Greek Extended no figura entre los juegos de caracteres.

Variable desde agosto de 2023

Las notas registran que la familia pasó a ser una fuente variable en agosto de 2023; los archivos de aquí llevan la versión 3.008.

Preguntas frecuentes

Colecciones con Roboto Condensed

• 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 sans serif estrechas para tablas y maquetaciones ajustadas

  Familias de texto condensadas y semicondensadas que caben más caracteres por línea en tablas, barras laterales, formularios y pantallas de móvil.

• Fuentes condensadas para titulares

  Fuentes display sans serif y serif estrechas que componen titulares altos y compactos en un ancho limitado, de la línea fina al trazo grueso.

Fuentes similares

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