Source Code Pro

Prova Source Code Pro

Pesi e stili

• ExtraLight 200Source Code Pro ExtraLight ExtraLight Italic
• Light 300Source Code Pro Light Light Italic
• Regular 400Source Code Pro Regular Corsivo
• Medium 500Source Code Pro Medium Medium Italic
• SemiBold 600Source Code Pro SemiBold SemiBold Italic
• Bold 700Source Code Pro Bold Bold Italic
• ExtraBold 800Source Code Pro ExtraBold ExtraBold Italic
• Black 900Source Code Pro Black Black Italic

Source Code Pro è 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 Source Code Pro

Source Code Pro è una famiglia monospaziata adattata da Source Sans dopo la richiesta di una versione adatta alle applicazioni di programmazione. Mantiene le proporzioni verticali e le forme generali del sans, ma dà a ogni glifo la stessa larghezza in tutti i pesi. Nello specimen lo zero ha un punto al centro, la l minuscola si piega in basso e la i e la j hanno grazie simili a quelle degli slab serif, il che distingue caratteri facili da confondere nel codice. La famiglia è un font variabile con asse del peso da 200 a 900: otto pesi con nome, da ExtraLight a Black, ciascuno con un corsivo. I font contengono 1.556 glifi; le note ufficiali dicono che l’aggiornamento del 2019 ha portato greco, cirillico, vietnamita e gli stili corsivi. La famiglia è stata disegnata da Paul D. Hunt, la tabella dei nomi cita anche Teo Tuominen e Adobe la pubblica con la SIL Open Font License 1.1.

Dove funziona Source Code Pro

Editor di codice e terminali

Le larghezze uniformi allineano l’indentazione, e lo zero con il punto e la l piegata distinguono 0, O, 1 e l.

Temi di sintassi che usano peso e corsivo

Otto pesi con corsivi permettono a un tema di mostrare i commenti in corsivo e le parole chiave in SemiBold senza uscire dalla famiglia.

Documentazione tecnica

Il codice in linea e gli elenchi di comandi in Source Code Pro si abbinano al testo corrente in Source Sans, che ne condivide le proporzioni.

Commenti e stringhe in altre scritture

I set di caratteri greco, cirillico e vietnamita mantengono nella stessa larghezza fissa i commenti e le stringhe letterali non latini.

Tabelle di dati e log

Le larghezze fisse allineano timestamp, hash e colonne numeriche negli output in testo semplice.

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 Source Code Pro

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

body {
  font-family: "Source Code Pro", monospace;
}

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

Cose da sapere

L’istanza predefinita è ExtraLight

L’asse del peso parte da 200. Imposta in modo esplicito un peso come 400 negli editor o nei CSS che non leggono le istanze con nome.

Due file variabili

Tondo e corsivo sono font variabili separati, ciascuno con pesi da 200 a 900.

Nome riservato

L’avviso della licenza riserva il nome Source, marchio di Adobe, quindi le versioni modificate devono avere un altro nome.

Domande frequenti

Raccolte con Source Code Pro

• Font monospaziati per programmare

  Famiglie a larghezza fissa con licenza aperta per editor e terminali, con zeri ben distinguibili, più pesi e, per lo più, corsivi.

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

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