Saira

Prueba Saira

Pesos y estilos

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

Saira 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 Saira

Saira es un sistema tipográfico sin serifa cuyas curvas se dibujan como rectángulos redondeados: los ojos de o, d y p tienen lados rectos y los finales de trazo están cortados en plano. Esta es la familia de ancho normal del sistema. Según las notas oficiales, se reconstruyó en 2020 como fuente variable con dos ejes, peso de 100 a 900 y ancho de 50 a 125, de modo que un solo archivo llega desde ajustes estrechos hasta expandidos, más anchos que el valor predeterminado de 100. La redonda y la cursiva tienen nueve pesos con nombre cada una, de Thin a Black, lo que da 18 estilos. Las fuentes contienen 893 glifos en los juegos de caracteres latino, latino extendido y vietnamita. Hector Gatti diseñó Saira y el equipo de Omnibus-Type la desarrolló. Las fuentes tienen la licencia SIL Open Font License 1.1.

Dónde funciona Saira

Titulares adaptables

El eje de ancho de 50 a 125 permite estrechar un titular en un teléfono y ensancharlo en una pantalla de escritorio sin cambiar de familia.

Interfaces de producto

Los ojos cuadrados y los finales de trazo planos conservan su forma en etiquetas pequeñas, mientras que Medium y SemiBold marcan la jerarquía.

Identidad de marca de tecnología y automovilismo

Las curvas de lados planos en Black con un ancho expandido dan a un logotipo tipográfico un carácter técnico y mecánico.

Énfasis en el texto corrido

Hay cursivas para todos los pesos, de Thin a Black, así que los pies de foto y los párrafos pueden llevar énfasis dentro de la misma familia.

Páginas de producto multilingües

Los juegos latino extendido y vietnamita cubren versiones de idioma que van del portugués al polaco y al vietnamita.

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 Saira

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

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

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

Lo que debes saber

La instancia predeterminada es Thin

El eje de peso arranca en 100. El software que ignora las instancias con nombre muestra Thin, así que define el peso de forma explícita, por ejemplo font-weight: 400.

Dos ejes en dos archivos

La descarga incluye un archivo variable para la redonda y otro para la cursiva. Cada uno contiene tanto el eje de peso como el de ancho.

El ancho 100 es el ancho normal

Los valores por debajo de 100 estrechan las letras hasta 50, y los valores por encima las expanden hasta 125.

Preguntas frecuentes

Colecciones con Saira

• Fuentes sans serif cuadradas para interfaces tecnológicas y de videojuegos

  Familias sans serif de hombros cuadrados con dos o más pesos para HUD, paneles, gráficos de esports y marcas con aire de hardware.

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

Fuentes similares

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