Josefin Slab

Δοκιμή της Josefin Slab

Βάρη και στυλ

• Thin 100Josefin Slab Thin Thin Italic
• ExtraLight 200Josefin Slab ExtraLight ExtraLight Italic
• Light 300Josefin Slab Light Light Italic
• Regular 400Josefin Slab Regular Italic
• Medium 500Josefin Slab Medium Medium Italic
• SemiBold 600Josefin Slab SemiBold SemiBold Italic
• Bold 700Josefin Slab Bold Bold Italic

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

Σχετικά με τη Josefin Slab

Η Josefin Slab είναι γραμματοσειρά slab serif χτισμένη πάνω στον ίδιο γεωμετρικό σκελετό με τη Josefin Sans. Λεπτές πατούρες χωρίς καμπύλη σύνδεση κάθονται πάνω σε στρογγυλά γράμματα σαν από διαβήτη· τα πεζά είναι κοντά σε σύγκριση με τα κεφαλαία και το e έχει λοξή οριζόντια γραμμή. Ο Santiago Orozco γράφει ότι το σχέδιο ακολουθεί τη μόδα της δεκαετίας του 1930 για γεωμετρικές γραμματοσειρές και δανείζεται ορισμένα χαρακτηριστικά της γραφομηχανής, και ότι φρόντισε ιδιαίτερα τους τόνους και τα διακριτικά σύμβολα σύμφωνα με μια σκανδιναβική ιδέα: η κλίση του e καθορίστηκε από το σχήμα του æ. Η οικογένεια είναι μεταβλητή γραμματοσειρά με άξονα βάρους από 100 έως 700, που δίνει επτά βάρη από Thin έως Bold, καθένα με πλάγια, 14 στυλ συνολικά. Το σύνολο χαρακτήρων είναι μικρό: 215 γλύφοι στο λατινικό υποσύνολο, αρκετοί για Αγγλικά, Γερμανικά, Ισπανικά, Ιταλικά, Πορτογαλικά, Ολλανδικά και τις σκανδιναβικές γλώσσες.

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

Τίτλοι σε vintage στυλ

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

Ετικέτες και μενού

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

Υπότιτλοι δίπλα στη Josefin Sans

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

Μεγάλα παραθέματα

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

Γλύφοι

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

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

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

Σπάνια γράμματα που δεν υπάρχουν στη γραμματοσειρά: Γαλλικά Ÿ.

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

Άδεια χρήσης

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

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

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

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

@font-face {
  font-family: "Josefin Slab";
  src: url("/assets/fonts/JosefinSlab-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Josefin Slab";
  src: url("/assets/fonts/JosefinSlab-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

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

Ή φορτώστε την από την επίσημη πηγή. Το Google Fonts προσφέρει τη γραμματοσειρά Josefin 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=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

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

Μόνο βασικά Λατινικά

Με 215 γλύφους, δεν υπάρχουν όλα τα γράμματα με τόνους ή διακριτικά που χρειάζονται τα Πολωνικά, τα Τσεχικά και τα Τουρκικά· τα Γαλλικά καλύπτονται, εκτός από το σπάνια χρησιμοποιούμενο κεφαλαίο Ÿ. Ελέγξτε το κείμενό σας πριν την επιλέξετε.

Ελαφριά σε όλο το εύρος

Οι γραμμές μένουν λεπτές έως το Regular· τα Medium έως Bold είναι τα βάρη που αντέχουν σε μικρότερα μεγέθη.

Κοντά πεζά

Όπως και στη Josefin Sans, τα πεζά είναι χαμηλά σε σχέση με τα κεφαλαία, οπότε το κείμενο φαίνεται μικρότερο από όσο υποδηλώνει το μέγεθος σε σημεία.

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

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

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