Source Code Pro

Source Code Pro uitproberen

Gewichten en stijlen

• ExtraLight 200Source Code Pro ExtraLight ExtraLight Italic
• Light 300Source Code Pro Light Light Italic
• Regular 400Source Code Pro Regular Cursief
• 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 is een variabel font: de download bevat het hele gewichtsbereik in één bestand per stijl, en de benoemde gewichten hierboven zijn posities binnen dat bereik.

Over Source Code Pro

Source Code Pro is een monospace-familie, aangepast uit Source Sans na een verzoek om een versie die past bij programmeertoepassingen. Ze behoudt de verticale verhoudingen en de algemene vormen van de sans, maar geeft elke glyph in elk gewicht dezelfde breedte. In het specimen heeft de nul een punt in het midden, buigt de kleine l onderaan om en hebben de i en j schreven in slab-stijl, waardoor tekens die in code makkelijk door elkaar worden gehaald uit elkaar blijven. De familie is een variabel font met een gewichtsas van 200 tot 900: acht benoemde gewichten, ExtraLight tot Black, elk met een cursief. De fonts bevatten 1.556 glyphs; volgens de officiële toelichting bracht de update van 2019 Grieks, Cyrillisch, Vietnamees en de cursieve stijlen. Paul D. Hunt ontwierp de familie, de naamtabel noemt ook Teo Tuominen, en Adobe publiceert haar onder de SIL Open Font License 1.1.

Waar Source Code Pro goed werkt

Code-editors en terminals

Gelijke tekenbreedtes lijnen inspringingen uit, en de nul met punt en de gebogen l houden 0, O, 1 en l uit elkaar.

Syntaxisthema's met gewicht en cursief

Met acht gewichten en cursieven kan een thema commentaar in cursief en sleutelwoorden in SemiBold tonen zonder de familie te verlaten.

Technische documentatie

Inlinecode en commandolijsten in Source Code Pro passen bij lopende tekst in Source Sans, dat dezelfde verhoudingen heeft.

Commentaar en strings in andere schriften

Met de tekensets voor Grieks, Cyrillisch en Vietnamees blijven niet-Latijnse commentaren en stringliteralen in dezelfde vaste breedte.

Gegevenstabellen en logbestanden

Vaste breedtes lijnen tijdstempels, hashes en numerieke kolommen uit in uitvoer als platte tekst.

Glyphs

Taalondersteuning

De familie bevat de basisletters waarmee deze talen worden geschreven:

• Engels
• Frans
• Duits
• Spaans
• Portugees
• Italiaans
• Nederlands
• Zweeds
• Noors
• Deens
• Fins
• IJslands
• Catalaans
• Turks
• Pools
• Tsjechisch
• Slowaaks
• Hongaars
• Roemeens
• Kroatisch
• Sloveens
• Litouws
• Lets
• Estisch
• Vietnamees
• Russisch
• Oekraïens
• Bulgaars
• Grieks

Schriftsystemen naast het Latijnse waarvoor de familie glyphs heeft: Cyrillisch, Grieks. Dit zijn schriften, geen belofte voor elke taal die erin wordt geschreven.

Tekensets in de bestanden: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. De talenlijst is een controle of de benodigde letters in het font zitten, geen belofte over de typografische kwaliteit in elke taal.

Licentie

Fonts die passen bij Source Code Pro

De suggesties volgen uit eenvoudige regels op de gegevens: een contrasterende classificatie en genoeg gewichten voor lopende tekst. Ze zijn een vertrekpunt, geen oordeel.

Source Code Pro op het web gebruiken

Download de familie, zet de bestanden op je eigen site en declareer ze in CSS. Link niet naar de bestanden op trendhub.net: de voorbeeldbestanden hier zijn subsets en hun adressen veranderen.

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

Of laad het vanaf de officiële bron. Google Fonts levert Source Code Pro met deze 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">

Goed om te weten

De standaardinstantie is ExtraLight

De gewichtsas staat standaard op 200. Stel in editors of CSS die de benoemde instanties niet lezen een gewicht als 400 expliciet in.

Twee variabele bestanden

Rechtopstaand en cursief zijn afzonderlijke variabele fonts, elk voor de gewichten 200 tot 900.

Gereserveerde fontnaam

De licentievermelding reserveert de naam Source, een handelsmerk van Adobe, dus aangepaste versies hebben een andere naam nodig.

Veelgestelde vragen

Collecties met Source Code Pro

• Monospace fonts om in te programmeren

  Fontfamilies met vaste letterbreedte en open licentie voor editors en terminals, met duidelijke nullen, meerdere gewichten en meestal ook cursieven.

• Lettersystemen met bijpassende sans-, serif- en monofamilies

  Families die bedoeld zijn om samen te gebruiken: een sans, een serif of slab en vaak een monospace die proporties, gewichten en karakter delen.

Vergelijkbare fonts

Andere families in dezelfde classificatie, gesorteerd op gedeelde gebruikstags. Alle fonts in de stijl monospace