Roboto

Δοκιμή της Roboto

Βάρη και στυλ

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

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

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

Η Roboto είναι μια οικογένεια sans serif που οι επίσημες σημειώσεις χαρακτηρίζουν διπλής όψης: ένας μηχανικός, κατά βάση γεωμετρικός σκελετός σε συνδυασμό με φιλικές, ανοιχτές καμπύλες. Τα γράμματα διατηρούν τα φυσικά τους πλάτη αντί να εξαναγκάζονται σε άκαμπτο ρυθμό, κάτι που οι σημειώσεις συνδέουν με τον ρυθμό ανάγνωσης της humanist και της serif στοιχειοθεσίας. Στο δείγμα οι γραμμές είναι ομοιόμορφες, το a είναι διώροφο και το κεφαλαίο R στηρίζεται σε ευθύ διαγώνιο σκέλος. Από τον Ιούλιο του 2020 η Roboto είναι μεταβλητή γραμματοσειρά με δύο άξονες: βάρος από 100 έως 900 και πλάτος από 75 έως 100, με το στενό άκρο να αντιστοιχεί στην παλαιότερη Roboto Condensed. Εννέα ονομασμένα βάρη διατίθενται σε όρθια και πλάγια, συνολικά 18 στυλ. Οι 1.326 γλύφοι της καλύπτουν Λατινικά, Κυριλλικά, Ελληνικά και Βιετναμέζικα. Στους συντελεστές αναφέρονται οι Christian Robertson, ParaType και Font Bureau και η άδεια είναι η SIL Open Font License 1.1.

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

Διεπαφές εφαρμογών και ιστού

Εννέα βάρη με πλάγια καλύπτουν κάθε επίπεδο μιας διεπαφής, από αριθμούς display σε Thin ώς κουμπιά σε Bold.

Πυκνοί πίνακες και πλαϊνά πάνελ

Ο άξονας πλάτους στενεύει ως το 75, χωρώντας περισσότερους χαρακτήρες σε μια στήλη χωρίς να βγει από την οικογένεια.

Κυρίως κείμενο

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

Προϊόντα σε πολλές γραφές

Τα σύνολα Λατινικών, Κυριλλικών, Ελληνικών και Βιετναμέζικων επιτρέπουν σε μία οικογένεια να εξυπηρετεί πολλές γλωσσικές εκδόσεις.

Συστήματα που χρειάζονται συντρόφους slab και mono

Οι επίσημες σημειώσεις αναφέρουν τις Roboto Slab και Roboto Mono ως μέλη της ίδιας υπεροικογένειας, για τίτλους και κώδικα.

Γλύφοι

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

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

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

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

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

Άδεια χρήσης

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

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

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

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

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

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

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

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

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

Ο άξονας πλάτους είναι 75 έως 100

Στενεύει τον σχεδιασμό προς την παλαιότερη Roboto Condensed· δεν τον κάνει πλατύτερο.

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

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

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

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

• Καθαρές γραμματοσειρές sans serif για διεπαφές εφαρμογών

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

• Γραμματοσειρές για υπότιτλους και λεζάντες βίντεο

  Απλές, στιβαρές οικογένειες sans serif για υπότιτλους και λεζάντες, επιλεγμένες για καθαρά γράμματα σε μικρά μεγέθη και, στις περισσότερες περιπτώσεις, ευρεία κάλυψη γλωσσών.

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

  Μεταβλητές οικογένειες όπου το πλάτος των γραμμάτων ρυθμίζεται όπως και το βάρος, από ελαφρό στένεμα για προσαρμογή κειμένου έως πλήρες εύρος από στενό σε πλατύ.

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

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

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

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