Roboto

Prova Roboto

Pesi e stili

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

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

Roboto è una famiglia Sans Serif che le note ufficiali descrivono con due anime: uno scheletro meccanico e in buona parte geometrico, unito a curve aperte e amichevoli. Le lettere mantengono le loro larghezze naturali invece di essere forzate in un ritmo rigido, cosa che le note collegano al ritmo di lettura dei caratteri umanisti e con grazie. Nello specimen i tratti sono uniformi, la a è a due piani e la R maiuscola poggia su una gamba diagonale dritta. Da luglio 2020 Roboto è un font variabile con due assi: il peso da 100 a 900 e la larghezza da 75 a 100, con l’estremo stretto che corrisponde al precedente Roboto Condensed. Nove pesi con nome esistono in tondo e corsivo, 18 stili in totale. I suoi 1.326 glifi coprono i set Latin, cirillico, greco e vietnamita. I crediti citano Christian Robertson, ParaType e Font Bureau, e la licenza è la SIL Open Font License 1.1.

Dove funziona Roboto

Interfacce di app e siti web

Nove pesi con corsivi coprono ogni livello di un’interfaccia, dai numeri Thin da titolazione ai pulsanti Bold.

Tabelle fitte e pannelli laterali

L’asse della larghezza si restringe fino a 75, facendo stare più caratteri in una colonna senza uscire dalla stessa famiglia.

Testo corrente

Le lettere mantengono le larghezze naturali, cosa a cui le note ufficiali attribuiscono un ritmo di lettura più naturale nei paragrafi.

Prodotti in più sistemi di scrittura

I set Latin, cirillico, greco e vietnamita permettono a una sola famiglia di servire molte versioni linguistiche.

Sistemi che richiedono compagni slab e monospaziati

Le note ufficiali indicano Roboto Slab e Roboto Mono come membri della stessa superfamiglia, per titoli e codice.

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
• Russo
• Ucraino
• Bulgaro
• greco

Sistemi di scrittura con glifi nella famiglia, oltre al latino: cirillico, greco. Sono indicati come sistemi di scrittura, non come garanzia per ogni lingua che li usa.

Set di caratteri trovati nei file: cyrillic, cyrillic-ext, greek, 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 Roboto

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

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

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

Cose da sapere

L’asse della larghezza va da 75 a 100

Restringe il disegno verso il precedente Roboto Condensed; non lo allarga.

Due file variabili

Tondo e corsivo sono file separati, ciascuno con entrambi gli assi.

Domande frequenti

Raccolte con Roboto

• 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 sottotitoli e didascalie video

  Famiglie sans serif semplici e robuste per sottotitoli e didascalie, scelte per le lettere chiare ai corpi piccoli e, per lo più, per l’ampia copertura delle lingue.

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

• Sistemi tipografici con famiglie Sans Serif, Serif e monospaziate abbinate

  Famiglie progettate per stare insieme: un Sans Serif, un Serif o Slab Serif e spesso un monospaziato che condividono proporzioni, pesi e carattere.

• Font con supporto al greco

  Famiglie con licenza aperta con glifi greci accanto al latino, per siti in lingua greca e per matematica, scienze e studi classici.

Font simili

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