Roboto Serif

Δοκιμή της Roboto Serif

Βάρη και στυλ

• Thin 100Roboto Serif Thin Thin Italic
• ExtraLight 200Roboto Serif ExtraLight ExtraLight Italic
• Light 300Roboto Serif Light Light Italic
• Regular 400Roboto Serif Regular Italic
• Medium 500Roboto Serif Medium Medium Italic
• SemiBold 600Roboto Serif SemiBold SemiBold Italic
• Bold 700Roboto Serif Bold Bold Italic
• ExtraBold 800Roboto Serif ExtraBold ExtraBold Italic
• Black 900Roboto Serif Black Black Italic

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

Σχετικά με τη Roboto Serif

Η Roboto Serif είναι οικογένεια γραμματοσειράς serif, φτιαγμένη ως μεταβλητή γραμματοσειρά για ανάγνωση σε οθόνη και σε έντυπο. Στο δείγμα οι πατούρες είναι γερές και με καμπυλωτή σύνδεση, η αντίθεση παχιών και λεπτών γραμμών είναι μέτρια και τα πεζά είναι μεγάλα, οπότε η υφή μένει ομοιόμορφη από Thin έως Black. Τέσσερις άξονες διαμορφώνουν την οικογένεια: βάρος από 100 έως 900, πλάτος από 50 έως 150, οπτικό μέγεθος από 8 έως 144 και grade από -50 έως 100. Εννέα επώνυμα βάρη υπάρχουν το καθένα σε όρθια και πλάγια μορφή, δηλαδή 18 στυλ συνολικά. Οι επίσημες σημειώσεις την παρουσιάζουν ως ελάχιστη και λειτουργική, κατάλληλη ακόμη και για διεπαφές εφαρμογών χάρη στο εύρος βαρών, πλατών και οπτικών μεγεθών. Οι 1.158 γλύφοι της καλύπτουν τα σύνολα Latin, Latin Extended, Cyrillic και Vietnamese. Στα credits αναφέρονται οι Commercial Type και Greg Gazdowicz. Η Roboto Serif κυκλοφορεί με την SIL Open Font License 1.1.

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

Μακροσκελή άρθρα

Το οπτικό μέγεθος από 8 έως 144 προσαρμόζει το σχέδιο ανάμεσα στο μικρό κυρίως κείμενο και τους μεγάλους τίτλους μέσα στην ίδια οικογένεια.

Εφαρμογές ανάγνωσης και e-books

Ο άξονας grade, από -50 έως 100, επιτρέπει σε μια εφαρμογή να ελαφρύνει ή να σκουρύνει το κείμενο για ένα θέμα ανάγνωσης.

Στενές στήλες τύπου εφημερίδας

Το πλάτος έως 50 συμπυκνώνει έναν τίτλο ώστε να χωρά σε στενή στήλη.

Κείμενο serif μέσα σε διεπαφές

Οι επίσημες σημειώσεις αναφέρουν τις διεπαφές εφαρμογών ως χρήση· τα βάρη Medium και SemiBold δίνουν στις ετικέτες αρκετό βάρος.

Σύντροφος serif για τη Roboto

Φέρει το όνομα Roboto και έχει το ίδιο εύρος από Thin 100 έως Black 900 με τη sans.

Γλύφοι

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

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

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

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

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

Άδεια χρήσης

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

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

Χρήση της Roboto Serif στο web

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

@font-face {
  font-family: "Roboto Serif";
  src: url("/assets/fonts/RobotoSerif-Italic-VariableFont_GRAD%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Serif";
  src: url("/assets/fonts/RobotoSerif-VariableFont_GRAD%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

Το πλάτος αλλάζει προς δύο κατευθύνσεις

Το προεπιλεγμένο πλάτος είναι 100· ο άξονας συμπυκνώνει έως 50 και διευρύνει έως 150.

Προεπιλεγμένο οπτικό μέγεθος το 20

Ο άξονας opsz κυμαίνεται από 8 έως 144 και βρίσκεται στο 20, αν δεν τον ορίσει η εφαρμογή.

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

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

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

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

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

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

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

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

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

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