Titillium Web

Δοκιμή της Titillium Web

Βάρη και στυλ

• ExtraLight 200Titillium Web ExtraLight ExtraLight Italic
• Light 300Titillium Web Light Light Italic
• Regular 400Titillium Web Regular Italic
• SemiBold 600Titillium Web SemiBold SemiBold Italic
• Bold 700Titillium Web Bold Bold Italic
• Black 900Titillium Web Black

Σχετικά με την Titillium Web

Η Titillium Web είναι οικογένεια sans serif με τετραγωνισμένες καμπύλες: οι κοιλότητες των b, d, o και p έχουν πεπλατυσμένες πλευρές και σφιχτές γωνίες, που δίνουν στις γραμμές κειμένου έναν τεχνικό, μηχανικό ρυθμό. Οι γραμμές έχουν ομοιόμορφο πάχος και τα γράμματα είναι ελαφρά στενά. Η γραμματοσειρά ξεκίνησε ως εκπαιδευτικό έργο στο μάθημα σχεδιασμού γραμματοσειρών του μεταπτυχιακού προγράμματος οπτικού σχεδιασμού Campi Visivi της Accademia di Belle Arti di Urbino, όπου περίπου δώδεκα φοιτητές τον χρόνο συνέχισαν τη δουλειά. Τα επίσημα credits αναφέρουν τον Luciano Perondi για τον σχεδιασμό και την επιμέλεια και τον Diego Giusti για το πρώτο πρωτότυπο. Η οικογένεια έχει έξι βάρη, ExtraLight, Light, Regular, SemiBold, Bold και Black, σε στατικά αρχεία· το Black δεν έχει πλάγιο, τα άλλα πέντε έχουν. Κάθε γραμματοσειρά περιέχει 410 γλύφους για Λατινικά και Εκτεταμένα Λατινικά, με την SIL Open Font License 1.1.

Πού ταιριάζει η Titillium Web

Πίνακες ελέγχου και διεπαφές προϊόντων

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

Επωνυμίες τεχνολογίας και μηχανικής

Οι πεπλατυσμένες καμπύλες μεταφέρουν βιομηχανικό τόνο σε τίτλους σε Bold ή Black.

Μεγάλοι ελαφριοί τίτλοι

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

Τεκμηρίωση και άρθρα

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

Ιστότοποι του δημόσιου τομέα και θεσμικών φορέων

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

Γλύφοι

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

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

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

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

Άδεια χρήσης

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

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

Χρήση της Titillium Web στο web

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

@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* …and 7 more files in the package, declared the same way */

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

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

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

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

Το Black δεν έχει πλάγιο

Το πακέτο περιέχει έντεκα γραμματοσειρές: έξι όρθια βάρη και πέντε πλάγια. Το Black 900 υπάρχει μόνο σε όρθια μορφή.

Χωρίς Medium και ExtraBold

Τα βάρη είναι 200, 300, 400, 600, 700 και 900· τα 500 και 800 δεν ανήκουν στην οικογένεια.

Στατικές γραμματοσειρές

Η Titillium Web δεν είναι μεταβλητή γραμματοσειρά. Κάθε βάρος είναι ξεχωριστό αρχείο TTF.

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

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

• Τετραγωνισμένες sans serif για διεπαφές τεχνολογίας και παιχνιδιών

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

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

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

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

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