Zilla Slab

Δοκιμή της Zilla Slab

Βάρη και στυλ

• Light 300Zilla Slab Light Light Italic
• Regular 400Zilla Slab Regular Italic
• Medium 500Zilla Slab Medium Medium Italic
• SemiBold 600Zilla Slab SemiBold SemiBold Italic
• Bold 700Zilla Slab Bold Bold Italic

Σχετικά με τη γραμματοσειρά Zilla Slab

Η Zilla Slab είναι οικογένεια slab serif που φτιάχτηκε ως βασική γραμματοσειρά της Mozilla, όπου στοιχειοθετεί το wordmark, τους τίτλους και άλλες εργασίες σχεδιασμού. Τη σχεδίασε η Typotheque με βάση μια παλαιότερη slab serif του οίκου, με τη Mozilla να καθοδηγεί το project· η σημείωση πνευματικών δικαιωμάτων αναφέρει το The Mozilla Foundation. Τα γράμματα έχουν επίπεδες, ορθογώνιες πατούρες, γραμμές σχεδόν ίσου πάχους και στρογγυλές, λείες κοιλότητες, με διόροφο a. Στο δείγμα αρκετά ψηφία, ανάμεσά τους τα 3, 4, 5, 7 και 9, κατεβαίνουν κάτω από τη γραμμή βάσης. Η οικογένεια έχει πέντε βάρη, Light 300, Regular 400, Medium 500, SemiBold 600 και Bold 700, και κάθε βάρος έχει πλάγιο που οι επίσημες σημειώσεις περιγράφουν ως πραγματικό italic, δηλαδή 10 στυλ που παραδίδονται ως στατικά αρχεία. Οι γραμματοσειρές περιέχουν 976 γλύφους στα σύνολα χαρακτήρων Λατινικά και εκτεταμένα Λατινικά και διανέμονται με την SIL Open Font License 1.1.

Πού ταιριάζει η Zilla Slab

Τίτλοι και wordmarks

Η Mozilla στοιχειοθετεί το δικό της wordmark και τους τίτλους της με Zilla Slab· τα SemiBold και Bold δίνουν στις επίπεδες πατούρες αρκετή μάζα για μεγάλους τίτλους.

Άρθρα και μακριές σελίδες

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

Ιεραρχία μέσα σε μία οικογένεια

Πέντε βάρη ανάμεσα στο 300 και στο 700 ξεχωρίζουν τίτλους, υπότιτλους, κυρίως κείμενο και λεζάντες χωρίς δεύτερη γραμματοσειρά.

Αποφθέγματα και λεζάντες σε πλάγια

Καθένα από τα πέντε βάρη έχει δικό του σχεδιασμένο πλάγιο, οπότε ένα απόφθεγμα μπορεί να στοιχειοθετηθεί σε Light Italic ή Bold Italic και όχι μόνο στο κανονικό βάρος.

Ιστότοποι σε πολλές ευρωπαϊκές γλώσσες

Το σύνολο εκτεταμένων Λατινικών περιέχει τα γράμματα που χρειάζονται τα Τουρκικά, τα Πολωνικά, τα Τσεχικά, τα Ουγγρικά και τα Ρουμανικά, μαζί με τα Αγγλικά, τα Γαλλικά και τα Γερμανικά.

Γλύφοι

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

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

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

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

Άδεια χρήσης

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

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

Χρήση της Zilla Slab στο web

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

@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 6 more files in the package, declared the same way */

body {
  font-family: "Zilla Slab", serif;
}

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

<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=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

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

Στατικά αρχεία, χωρίς μεταβλητή έκδοση

Το πακέτο περιέχει 10 χωριστά αρχεία TTF, ένα για κάθε στυλ. Η Zilla Slab δεν έχει μεταβλητούς άξονες, οπότε ορίζονται μόνο τα πέντε επώνυμα βάρη.

Το εύρος φτάνει από 300 έως 700

Το Light είναι το πιο ανάλαφρο κόψιμο και το Bold το βαρύτερο· η οικογένεια δεν έχει τίποτα λεπτότερο από 300 ή βαρύτερο από 700.

Τα ψηφία κατεβαίνουν κάτω από τη γραμμή

Στο δείγμα τα προεπιλεγμένα ψηφία δεν έχουν όλα το ίδιο ύψος: ψηφία όπως τα 3, 4, 5, 7 και 9 κατεβαίνουν κάτω από τη γραμμή βάσης.

Ο σχεδιαστής και ο δικαιούχος δεν συμπίπτουν

Ο πίνακας ονομάτων της γραμματοσειράς αναφέρει την Typotheque ως σχεδιαστή και κατασκευαστή, ενώ τα πνευματικά δικαιώματα ανήκουν στο The Mozilla Foundation.

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

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

• Γραμματοσειρές με υποστήριξη τουρκικών

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

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

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