Source Code Pro

Essayer Source Code Pro

Graisses et styles

• ExtraLight 200Source Code Pro ExtraLight ExtraLight Italic
• Light 300Source Code Pro Light Light Italic
• Regular 400Source Code Pro Regular Italique
• 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 est une police variable : le téléchargement contient toute la plage de graisses dans un fichier par style, et les graisses nommées ci-dessus sont des positions sur cette plage.

À propos de Source Code Pro

Source Code Pro est une famille à chasse fixe adaptée de Source Sans à la suite d’une demande de version adaptée aux applications de programmation. Elle garde les proportions verticales et les formes générales de la linéale, mais donne à chaque glyphe la même largeur dans toutes les graisses. Sur le spécimen, le zéro porte un point en son centre, le l minuscule se courbe au pied, et le i et le j ont des empattements d’allure égyptienne, ce qui distingue des caractères faciles à confondre dans du code. La famille est une police variable avec un axe de graisse de 200 à 900 : huit graisses nommées, de ExtraLight à Black, chacune avec un italique. Les polices contiennent 1 556 glyphes ; les notes officielles indiquent que la mise à jour de 2019 a apporté le grec, le cyrillique, le vietnamien et les styles italiques. Paul D. Hunt a dessiné la famille, la table des noms cite aussi Teo Tuominen, et Adobe la publie sous licence SIL Open Font License 1.1.

Où utiliser Source Code Pro

Éditeurs de code et terminaux

Des largeurs de caractères uniformes alignent l’indentation, et le zéro pointé et le l courbé distinguent 0, O, 1 et l.

Thèmes de coloration syntaxique jouant sur la graisse et l’italique

Huit graisses avec italiques permettent à un thème d’afficher les commentaires en italique et les mots-clés en SemiBold sans quitter la famille.

Documentation technique

Le code en ligne et les listes de commandes en Source Code Pro s’accordent avec un texte courant en Source Sans, dont elle partage les proportions.

Commentaires et chaînes dans d’autres écritures

Les jeux de caractères grec, cyrillique et vietnamien gardent à chasse fixe les commentaires et les chaînes littérales non latins.

Tableaux de données et journaux

Les chasses fixes alignent horodatages, empreintes et colonnes de chiffres dans une sortie en texte brut.

Glyphes

Langues prises en charge

La famille contient les lettres de base qui servent à écrire ces langues :

• Anglais
• Français
• Allemand
• Espagnol
• Portugais
• Italien
• Néerlandais
• Suédois
• Norvégien
• Danois
• Finnois
• Islandais
• Catalan
• Turc
• Polonais
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Croate
• Slovène
• Lituanien
• Letton
• Estonien
• Vietnamien
• Russe
• Ukrainien
• Bulgare
• Grec

Autres systèmes d’écriture que le latin couverts par la famille : Cyrillique, Grec. Il s’agit de systèmes d’écriture, pas d’une garantie pour chaque langue qui les utilise.

Jeux de caractères trouvés dans les fichiers : cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. La liste des langues vérifie la présence des lettres nécessaires dans la police ; elle ne garantit pas la qualité typographique dans chaque langue.

Licence

Polices à associer à Source Code Pro

Ces suggestions reposent sur des règles simples appliquées aux fiches : une classification contrastée et assez de graisses pour le texte courant. C’est un point de départ, pas un verdict.

Utiliser Source Code Pro sur le web

Téléchargez la famille, hébergez les fichiers sur votre propre site, puis déclarez-les en CSS. Merci de ne pas pointer vers les fichiers de trendhub.net : les fichiers d’aperçu sont des sous-ensembles et leurs adresses changent.

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

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Source Code Pro avec ce code :

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

À savoir

L’instance par défaut est ExtraLight

L’axe de graisse est réglé par défaut sur 200. Indiquez explicitement une graisse comme 400 dans les éditeurs ou le CSS qui ne lisent pas les instances nommées.

Deux fichiers variables

Le romain et l’italique sont des polices variables séparées, chacune couvrant les graisses de 200 à 900.

Nom réservé

La mention de licence réserve le nom Source, une marque d’Adobe : les versions modifiées doivent donc porter un autre nom.

Questions fréquentes

Collections avec Source Code Pro

• Polices à chasse fixe pour programmer

  Familles à chasse fixe sous licence libre pour éditeurs et terminaux, avec des zéros bien distincts, plusieurs graisses et, le plus souvent, des italiques.

• Systèmes de polices assorties : linéale, empattements et chasse fixe

  Familles conçues pour être utilisées ensemble : une linéale, une police à empattements ou égyptienne et souvent une à chasse fixe, qui partagent proportions, graisses et caractère.

Polices similaires

Autres familles de la même classification, classées selon leurs usages communs. Toutes les polices chasse fixe