Work Sans

Prueba Work Sans

Pesos y estilos

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

Work Sans 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.

Acerca de Work Sans

Work Sans es una familia sin serifa que toma como modelo libre las primeras tipografías grotescas. El espécimen muestra los rasgos de la familia: una a y una g de dos pisos, una caja baja ancha y abierta, una G con espolón y unas anchuras ligeramente irregulares que evitan que parezca geométrica. Wei Huang, diseñador de tipos de Australia, dirige el proyecto. Los pesos intermedios están optimizados para texto en pantalla de unos 14 a 48 píxeles, y los pesos cercanos a ambos extremos están pensados para uso display. Los detalles se simplificaron para las resoluciones de pantalla y los acentos se dibujaron más grandes que en una versión para impresión. La familia tiene nueve pesos, de Thin a Black, con cursivas: 18 estilos sobre un eje de peso de 100 a 900. Pasó a ser variable en febrero de 2020. Sus 1.338 glifos cubren latino, latino extendido y vietnamita, bajo la SIL Open Font License 1.1.

Dónde funciona Work Sans

Texto de interfaz y texto corrido en la web

Regular y los pesos cercanos están ajustados para texto de 14 a 48 píxeles, el rango de la mayoría de los textos web y las etiquetas de interfaz.

Titulares display

Thin 100 y Black 900 están dibujados para tamaños grandes, y permiten un título finísimo o muy pesado dentro de la misma familia.

Sistemas de marca para productos digitales

Dieciocho instancias con nombre repartidas en dos archivos cubren el logotipo, las páginas de marketing y las pantallas del producto.

Texto con muchos acentos

Los signos diacríticos ampliados siguen siendo visibles en tamaños pequeños en idiomas como el vietnamita, el checo o el turco.

Presentaciones e informes

Las formas grotescas abiertas se leen bien en proyectores y en PDF exportados.

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

Juegos de caracteres encontrados en los archivos: 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 Work Sans

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

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

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

Lo que debes saber

Thin es finísima

Una actualización de 2015 hizo que Thin 100 coincidiera con el antiguo diseño Hairline, y ExtraLight y Light se ajustaron con ella.

Dibujada para pantallas

Las formas y los acentos están simplificados para resoluciones de pantalla. Las notas oficiales mencionan en la página del proyecto una versión aparte para aplicaciones de escritorio.

Dos archivos variables

La redonda y la cursiva llevan cada una el eje de peso de 100 a 900.

Preguntas frecuentes

Colecciones con Work Sans

• 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 presentaciones y diapositivas

  Familias sans serif y slab serif que se leen bien con un proyector o en una pantalla compartida, con negritas marcadas para los títulos de las diapositivas.

• Fuentes sans serif grotescas

  Familias sans serif grotescas y neogrotescas: caballos de batalla sencillos, robustos y ligeramente irregulares para marcas, diseño editorial e interfaces.

• Familias tipográficas con nueve pesos y cursivas

  Familias completas que van de Thin a Black, con una cursiva para cada peso: dieciocho estilos para un sistema tipográfico completo.

Fuentes similares

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