Source Code Pro

Δοκιμή της Source Code Pro

Βάρη και στυλ

• ExtraLight 200Source Code Pro ExtraLight ExtraLight Italic
• Light 300Source Code Pro Light Light Italic
• Regular 400Source Code Pro Regular Italic
• 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 είναι μεταβλητή γραμματοσειρά: η λήψη περιέχει όλο το εύρος βαρών σε ένα αρχείο ανά στυλ και τα βάρη με όνομα που βλέπετε παραπάνω είναι θέσεις μέσα σε αυτό το εύρος.

Σχετικά με τη γραμματοσειρά Source Code Pro

Η Source Code Pro είναι οικογένεια monospace προσαρμοσμένη από τη Source Sans έπειτα από αίτημα για έκδοση κατάλληλη για εφαρμογές προγραμματισμού. Κρατά τις κάθετες αναλογίες και τα γενικά σχήματα της sans, αλλά δίνει σε κάθε γλύφο το ίδιο πλάτος σε κάθε βάρος. Στο δείγμα το μηδέν έχει τελεία στο κέντρο, το πεζό l λυγίζει στη βάση και τα i και j φέρουν πατούρες σαν slab, κάτι που ξεχωρίζει χαρακτήρες που εύκολα μπερδεύονται στον κώδικα. Η οικογένεια είναι μεταβλητή γραμματοσειρά με άξονα βάρους από 200 έως 900: οκτώ επώνυμα βάρη, από ExtraLight έως Black, καθένα με Italic. Οι γραμματοσειρές περιέχουν 1.556 γλύφους· οι επίσημες σημειώσεις αναφέρουν ότι η ενημέρωση του 2019 έφερε Ελληνικά, Κυριλλικά, Βιετναμέζικα και τα πλάγια στυλ. Την οικογένεια σχεδίασε ο Paul D. Hunt, ο πίνακας ονομάτων αναφέρει επίσης τον Teo Tuominen, και την κυκλοφορεί η Adobe με την SIL Open Font License 1.1.

Πού ταιριάζει η Source Code Pro

Επεξεργαστές κώδικα και τερματικά

Τα ομοιόμορφα πλάτη χαρακτήρων ευθυγραμμίζουν την εσοχή, και το μηδέν με τελεία και το λυγισμένο l ξεχωρίζουν τα 0, O, 1 και l.

Θέματα syntax που χρησιμοποιούν βάρος και Italic

Οκτώ βάρη με πλάγια επιτρέπουν σε ένα θέμα να δείχνει τα σχόλια σε Italic και τις λέξεις-κλειδιά σε SemiBold χωρίς να βγει από την οικογένεια.

Τεχνική τεκμηρίωση

Ο κώδικας μέσα στο κείμενο και οι λίστες εντολών σε Source Code Pro ταιριάζουν με κυρίως κείμενο σε Source Sans, που έχει κοινές αναλογίες.

Σχόλια και συμβολοσειρές σε άλλα συστήματα γραφής

Τα σύνολα χαρακτήρων Ελληνικών, Κυριλλικών και Βιετναμέζικων κρατούν τα σχόλια και τις συμβολοσειρές που δεν είναι λατινικές στο ίδιο σταθερό πλάτος.

Πίνακες δεδομένων και αρχεία καταγραφής

Τα σταθερά πλάτη ευθυγραμμίζουν χρονοσφραγίδες, hashes και αριθμητικές στήλες σε έξοδο απλού κειμένου.

Γλύφοι

Υποστήριξη γλωσσών

Η οικογένεια περιέχει τα βασικά γράμματα με τα οποία γράφονται οι εξής γλώσσες:

• Αγγλικά
• Γαλλικά
• Γερμανικά
• Ισπανικά
• Πορτογαλικά
• Ιταλικά
• Ολλανδικά
• Σουηδικά
• Νορβηγικά
• Δανικά
• Φινλανδικά
• Ισλανδικά
• Καταλανικά
• Τουρκικά
• Πολωνικά
• Τσεχικά
• Σλοβακικά
• Ουγγρικά
• Ρουμανικά
• Κροατικά
• Σλοβενικά
• Λιθουανικά
• Λετονικά
• Εσθονικά
• Βιετναμικά
• Ρωσικά
• Ουκρανικά
• Βουλγαρικά
• Ελληνικά

Συστήματα γραφής, εκτός του λατινικού, με γλύφους στην οικογένεια: Κυριλλικά, Ελληνικά. Αναφέρονται ως συστήματα γραφής και δεν εγγυώνται κάλυψη για κάθε γλώσσα που γράφεται με αυτά.

Σύνολα χαρακτήρων που βρέθηκαν στα αρχεία: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. Η λίστα γλωσσών προκύπτει από έλεγχο των απαραίτητων γραμμάτων στη γραμματοσειρά· δεν εγγυάται τυπογραφική ποιότητα σε κάθε γλώσσα.

Άδεια χρήσης

Συνδυασμοί για τη γραμματοσειρά Source Code Pro

Οι προτάσεις βασίζονται σε απλούς κανόνες πάνω στις καταχωρίσεις: διαφορετική κατηγορία και αρκετά βάρη για κυρίως κείμενο. Είναι αφετηρία, όχι ετυμηγορία.

Χρήση της Source Code Pro στο web

Κατεβάστε την οικογένεια, φιλοξενήστε τα αρχεία στον δικό σας ιστότοπο και δηλώστε τα στο CSS. Μην παραπέμπετε απευθείας στα αρχεία του trendhub.net: τα αρχεία προεπισκόπησης είναι υποσύνολα και οι διευθύνσεις τους αλλάζουν.

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

Ή φορτώστε την από την επίσημη πηγή. Το Google Fonts προσφέρει τη γραμματοσειρά Source Code Pro με τον εξής κώδικα:

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

Τι πρέπει να γνωρίζετε

Η προεπιλεγμένη περίπτωση είναι το ExtraLight

Ο άξονας βάρους έχει προεπιλογή το 200. Ορίστε ρητά ένα βάρος όπως το 400 σε επεξεργαστές ή CSS που δεν διαβάζουν τις επώνυμες περιπτώσεις.

Δύο μεταβλητά αρχεία

Τα όρθια και τα πλάγια είναι ξεχωριστές μεταβλητές γραμματοσειρές, καθεμία με βάρη από 200 έως 900.

Δεσμευμένο όνομα γραμματοσειράς

Η σημείωση της άδειας δεσμεύει το όνομα Source, σήμα κατατεθέν της Adobe, οπότε οι τροποποιημένες εκδοχές χρειάζονται διαφορετικό όνομα.

Συχνές ερωτήσεις

Συλλογές όπου εμφανίζεται η Source Code Pro

• Monospace γραμματοσειρές για προγραμματισμό

  Οικογένειες σταθερού πλάτους με ανοιχτή άδεια για editors και τερματικά, με καθαρά μηδενικά, πολλά βάρη και, στις περισσότερες περιπτώσεις, πλάγια.

• Συστήματα γραμματοσειρών με ταιριαστές οικογένειες sans, serif και mono

  Οικογένειες σχεδιασμένες για να χρησιμοποιούνται μαζί: μια sans, μια serif ή slab και συχνά μια monospace που μοιράζονται αναλογίες, βάρη και χαρακτήρα.

Παρόμοιες γραμματοσειρές

Άλλες οικογένειες της ίδιας κατηγορίας, ταξινομημένες με βάση τις κοινές ετικέτες χρήσης. Όλες οι γραμματοσειρές monospace