Saira

Prova Saira

Pesi e stili

• Thin 100Saira Thin Thin Italic
• ExtraLight 200Saira ExtraLight ExtraLight Italic
• Light 300Saira Light Light Italic
• Regular 400Saira Regular Corsivo
• 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 è un font variabile: il download contiene l’intera gamma di pesi in un file per stile, e i pesi con nome qui sopra sono posizioni all’interno di quella gamma.

Informazioni su Saira

Saira è un sistema tipografico Sans Serif le cui curve sono disegnate come rettangoli arrotondati: gli occhielli di o, d e p hanno lati dritti e le terminazioni dei tratti sono tagliate piatte. Questa è la famiglia a larghezza normale del sistema. Secondo le note ufficiali è stata ricostruita nel 2020 come font variabile con due assi, il peso da 100 a 900 e la larghezza da 50 a 125, così un solo file va dalle impostazioni strette a quelle espanse, più larghe del valore predefinito di 100. Tondo e corsivo hanno ciascuno nove pesi con nome, da Thin a Black, per un totale di 18 stili. I font contengono 893 glifi nei set di caratteri Latin, Latin Extended e vietnamita. Hector Gatti ha disegnato Saira e il team di Omnibus-Type l’ha sviluppato. I font hanno la SIL Open Font License 1.1.

Dove funziona Saira

Titoli adattivi

L’asse della larghezza da 50 a 125 permette di stringere un titolo sul telefono e di allargarlo sul desktop senza cambiare famiglia.

Interfacce di prodotto

Contropunzoni squadrati e terminazioni piatte mantengono la forma nelle etichette piccole, mentre Medium e SemiBold segnano la gerarchia.

Branding di tecnologia e motorsport

Curve dai lati piatti in Black a larghezza espansa danno a un logotipo un carattere ingegneristico e meccanico.

Enfasi nel testo corrente

I corsivi esistono per ogni peso da Thin a Black, quindi didascalie e paragrafi possono avere enfasi nella stessa famiglia.

Pagine di prodotto multilingue

I set Latin Extended e vietnamita coprono versioni linguistiche dal portoghese al polacco e al vietnamita.

Glifi

Lingue supportate

La famiglia contiene le lettere di base con cui si scrivono queste lingue:

• Inglese
• Francese
• Tedesco
• Spagnolo
• Portoghese
• Italiano
• Olandese
• Svedese
• Norvegese
• Danese
• Finlandese
• Islandese
• Catalano
• Turco
• Polacco
• Ceco
• Slovacco
• Ungherese
• Rumeno
• Croato
• Sloveno
• Lituano
• Lettone
• Estone
• Vietnamita

Set di caratteri trovati nei file: latin, latin-ext, vietnamese. L’elenco delle lingue verifica che il font abbia le lettere necessarie; non garantisce la qualità tipografica in ogni lingua.

Licenza

Font da abbinare a Saira

I suggerimenti nascono da regole semplici applicate ai dati: una classificazione che faccia contrasto e abbastanza pesi per il testo corrente. Sono un punto di partenza, non un verdetto.

Usare Saira sul web

Scarica la famiglia, ospita i file sul tuo sito e dichiarali nel CSS. Non collegare i file di trendhub.net: i file di anteprima sono sottoinsiemi e i loro indirizzi cambiano.

@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;
}

Oppure caricalo dalla fonte ufficiale. Google Fonts offre Saira con questo codice:

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

Cose da sapere

L’istanza predefinita è Thin

L’asse del peso ha come valore predefinito 100. I programmi che ignorano le istanze con nome mostrano Thin, quindi imposta il peso in modo esplicito, per esempio font-weight: 400.

Due assi in due file

Il download contiene un file variabile per il tondo e uno per il corsivo. Ciascuno comprende sia l’asse del peso sia quello della larghezza.

La larghezza 100 è quella normale

I valori sotto 100 restringono le lettere fino a 50, e quelli sopra le espandono fino a 125.

Domande frequenti

Raccolte con Saira

• Sans serif squadrati per interfacce tecnologiche e di giochi

  Famiglie sans serif a spalle squadrate, con due o più pesi, per HUD, dashboard, grafiche esports e brand dal sapore hardware.

• Font variabili con asse della larghezza

  Famiglie variabili in cui si regola la larghezza delle lettere oltre al peso, da un lieve restringimento per adattare il testo allo spazio fino a una gamma completa da condensato a largo.

Font simili

Altre famiglie della stessa classificazione, ordinate per tag d’uso in comune. Tutti i font sans serif