Work Sans

Prova Work Sans

Pesi e stili

• Thin 100Work Sans Thin Thin Italic
• ExtraLight 200Work Sans ExtraLight ExtraLight Italic
• Light 300Work Sans Light Light Italic
• Regular 400Work Sans Regular Corsivo
• 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 è 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.

Su Work Sans

Work Sans è una famiglia Sans Serif che prende a modello, in modo libero, i primi caratteri grotteschi. Lo specimen mostra i tratti della famiglia: a e g a due piani, minuscole larghe e aperte, una G con sperone e larghezze leggermente irregolari che la tengono lontana dall’aspetto geometrico. A guidare il progetto è Wei Huang, type designer australiano. I pesi intermedi sono ottimizzati per il testo a schermo da circa 14 a 48 pixel, mentre quelli vicini agli estremi sono pensati per i titoli; i dettagli sono stati semplificati per le risoluzioni degli schermi e gli accenti sono disegnati più grandi che per la stampa. La famiglia ha nove pesi da Thin a Black con corsivi, 18 stili su un asse del peso da 100 a 900, ed è diventata variabile nel febbraio 2020. I suoi 1.338 glifi coprono latino, Latin Extended e vietnamita, con la SIL Open Font License 1.1.

Dove funziona Work Sans

Interfaccia e testo corrente sul web

Regular e i pesi vicini sono calibrati per testi da 14 a 48 pixel, la gamma della maggior parte dei contenuti web e delle etichette di interfaccia.

Titoli display

Thin 100 e Black 900 sono disegnati per le dimensioni grandi: con la stessa famiglia puoi avere un titolo sottilissimo o molto pesante.

Sistemi di brand per prodotti digitali

Diciotto istanze con nome in due soli file coprono logotipo, pagine di marketing e schermate di prodotto.

Testi con molti accenti

I segni diacritici ingranditi restano visibili anche a corpi piccoli in lingue come vietnamita, ceco o turco.

Presentazioni e report

Le forme grottesche aperte si leggono bene con i proiettori e nei PDF esportati.

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

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 Work Sans 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: "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;
}

Oppure caricalo dalla fonte ufficiale. Google Fonts offre Work Sans 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=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Cose da sapere

Thin è sottile come un capello

Un aggiornamento del 2015 ha allineato Thin 100 al precedente disegno Hairline, e ExtraLight e Light sono stati modificati di conseguenza.

Disegnato per gli schermi

Forme e accenti sono semplificati per le risoluzioni degli schermi; le note ufficiali citano, nella pagina del progetto, una versione separata per le applicazioni desktop.

Due file variabili

Tondo e corsivo contengono ciascuno l’asse del peso da 100 a 900.

Domande frequenti

Raccolte con Work Sans

• Font Sans Serif puliti per le interfacce delle app

  Famiglie Sans Serif con licenza aperta che restano chiare in pulsanti, menu, tabelle e schermate delle impostazioni, con i pesi che serve a un’interfaccia.

• Font per presentazioni e slide

  Famiglie sans serif e slab serif che restano leggibili su un proiettore o su uno schermo condiviso, con grassetti decisi per i titoli delle slide.

• Sans serif grotesque

  Famiglie sans serif grotesque e neo-grotesque: caratteri semplici, robusti e un po’ irregolari, da lavoro, per brand, design editoriale e interfacce.

• Famiglie di caratteri con nove pesi e corsivi

  Famiglie complete da Thin a Black con un corsivo per ogni peso: diciotto stili per un sistema tipografico completo.

Font simili

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