Source Serif 4

Δοκιμή της Source Serif 4

Βάρη και στυλ

• ExtraLight 200Source Serif 4 ExtraLight ExtraLight Italic
• Light 300Source Serif 4 Light Light Italic
• Regular 400Source Serif 4 Regular Italic
• Medium 500Source Serif 4 Medium Medium Italic
• SemiBold 600Source Serif 4 SemiBold SemiBold Italic
• Bold 700Source Serif 4 Bold Bold Italic
• ExtraBold 800Source Serif 4 ExtraBold ExtraBold Italic
• Black 900Source Serif 4 Black Black Italic

Η Source Serif 4 είναι μεταβλητή γραμματοσειρά: η λήψη περιέχει όλο το εύρος βαρών σε ένα αρχείο ανά στυλ και τα βάρη με όνομα που βλέπετε παραπάνω είναι θέσεις μέσα σε αυτό το εύρος.

Σχετικά με τη γραμματοσειρά Source Serif 4

Η Source Serif 4 είναι οικογένεια serif μεταβατικού στυλ, φτιαγμένη για να συνοδεύει τη Source Sans, ταιριάζοντας τις αναλογίες των γραμμάτων και το γκρι της σελίδας του κειμένου. Οι επίσημες σημειώσεις λένε ότι βασίζεται χαλαρά στο έργο του χαράκτη στοιχείων του δέκατου όγδοου αιώνα Pierre Simon Fournier και κρατά κάποιες από τις ιδιοτροπίες του, όπως την πατούρα στη βάση του b και τη μεσαία πατούρα του w, ενώ απλοποιεί τα σχήματα για ψηφιακή χρήση. Τη σχεδίασε ο Frank Grießhammer, με συμβουλευτικό ρόλο του Robert Slimbach. Η οικογένεια είναι μεταβλητή γραμματοσειρά με δύο άξονες: βάρος από 200 έως 900 και οπτικό μέγεθος από 8 έως 60, με προεπιλογή 20. Οκτώ επώνυμα βάρη, από ExtraLight έως Black, διατίθενται σε όρθια και πλάγια, 16 στυλ. Οι γραμματοσειρές περιέχουν 1.463 γλύφους που καλύπτουν Λατινικά, Εκτεταμένα Λατινικά, Βιετναμέζικα, Κυριλλικά και Ελληνικά.

Πού ταιριάζει η Source Serif 4

Ανάγνωση μεγάλων κειμένων

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

Τίτλοι από την ίδια οικογένεια

Στο πάνω άκρο του άξονα οπτικού μεγέθους, έως το 60, οι πατούρες και οι λεπτές γραμμές οξύνονται για τίτλους.

Συστήματα serif και sans

Οι αναλογίες που ταιριάζουν με τη Source Sans επιτρέπουν στις δύο να εναλλάσσονται ανάμεσα σε κυρίως κείμενο και λεζάντες χωρίς άλμα σε μέγεθος ή χρώμα.

Ακαδημαϊκή και βιβλιακή τυπογραφία

Τα όρθια και τα πλάγια σε οκτώ βάρη καλύπτουν κείμενο, έμφαση, επικεφαλίδες και σημειώσεις· τα Ελληνικά και τα Κυριλλικά εξυπηρετούν τις παραπομπές.

Ειδησεογραφικοί ιστότοποι και περιοδικά

Από το SemiBold έως το Black αποδίδουν τους τίτλους άρθρων πάνω από κείμενο σε Regular.

Γλύφοι

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

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

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

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

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

Άδεια χρήσης

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

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

Χρήση της Source Serif 4 στο web

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

@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/SourceSerif4-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/SourceSerif4-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Source Serif 4", serif;
}

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

<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+Serif+4:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">

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

Οπτικό μέγεθος από 8 έως 60

Η προεπιλογή του άξονα είναι 20. Οι browsers εφαρμόζουν αυτόματα το οπτικό μέγεθος· αλλού ορίστε το χειροκίνητα.

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

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

Λεπτομέρειες από τον Fournier

Η πατούρα στη βάση του b και η μεσαία πατούρα του w είναι σκόπιμα ιστορικά στοιχεία και όχι λάθη.

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

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

• Γραμματοσειρές serif για μακρά ανάγνωση σε οθόνες

  Serif για κείμενο, σχεδιασμένες για οθόνες ή για μακρά ανάγνωση: μεγάλο x-height, μέτρια αντίθεση και πραγματικά πλάγια για άρθρα, blogs και τεκμηρίωση.

• Μεταβλητές γραμματοσειρές με άξονα οπτικού μεγέθους

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

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

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

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

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