TTF, OTF ή WOFF: ποια μορφή γραμματοσειράς για PC και web

Η TrueType είναι η παλαιότερη από τις τέσσερις. Η Apple την κυκλοφόρησε με το System 7 το 1991 και η Microsoft την υιοθέτησε στα Windows 3.1 τον επόμενο χρόνο. Μια γραμματοσειρά TrueType περιγράφει κάθε γράμμα με τετραγωνικές καμπύλες, που έχουν ένα σημείο ελέγχου ανά καμπύλο τμήμα και σχεδιάζονταν φθηνά στο πρώιμο υλικό. Περιλαμβάνει επίσης hinting: μικρά προγράμματα μέσα στη γραμματοσειρά που τοποθετούν τους κορμούς και τις καμπύλες στο πλέγμα των pixel, ώστε το κείμενο να παραμένει καθαρό σε οθόνες χαμηλής ανάλυσης. Η κατάληξη .ttf δείχνει ακόμη γραμματοσειρές με τέτοια τετραγωνικά περιγράμματα.

Η OpenType, που ανακοίνωσαν η Microsoft και η Adobe το 1996, είναι περιτύλιγμα και όχι νέος τύπος περιγράμματος. Μπορεί να περιέχει περιγράμματα TrueType ή περιγράμματα PostScript αποθηκευμένα σε πίνακα CFF, που χρησιμοποιούν κυβικές καμπύλες με δύο σημεία ελέγχου ανά τμήμα. Γύρω από αυτά προσθέτει πίνακες διάταξης για προηγμένη τυπογραφία: τυπικούς και προαιρετικούς συνδέσμους (ligatures), μικρά κεφαλαία, αριθμούς παλαιού τύπου, στυλιστικά σύνολα, συμφραζόμενες εναλλακτικές και kerning. Κατά σύμβαση, μια γραμματοσειρά OpenType βασισμένη σε CFF αποθηκεύεται ως .otf, ενώ μια OpenType με περιγράμματα TrueType κρατά την κατάληξη .ttf.

Οι WOFF και WOFF2 είναι περιτυλίγματα φτιαγμένα για το web. Η WOFF συντάχθηκε το 2009 και έγινε Σύσταση του W3C το 2012· συμπιέζει κάθε πίνακα της γραμματοσειράς με zlib. Η WOFF2 έγινε Σύσταση του W3C το 2018, χρησιμοποιεί Brotli και προεπεξεργάζεται πρώτα τα δεδομένα των γλύφων, κάτι που τη κάνει συνήθως περίπου 30% μικρότερη από τη WOFF. Τρεις πλευρικές μορφές συμπληρώνουν την εικόνα. Η EOT ήταν η δική του μορφή web του Internet Explorer, οι γραμματοσειρές SVG ήταν μια πρώιμη προσωρινή λύση μόνο για Safari και οι μεταβλητές γραμματοσειρές, που προστέθηκαν στο OpenType 1.8 το 2016, συγκεντρώνουν μια ολόκληρη γκάμα βαρών ή πλατών σε ένα αρχείο.

Εγκαταστήστε TTF ή OTF και μην ανησυχείτε για το ποιο από τα δύο. Τα Windows 10 και 11 εγκαθιστούν και τα δύο με δεξί κλικ και Εγκατάσταση, το macOS ανοίγει και τα δύο στο Font Book και οι επιφάνειες εργασίας Linux τα βρίσκουν στο ~/.local/share/fonts μόλις ανανεωθεί η προσωρινή μνήμη γραμματοσειρών. Το Word, το Photoshop, η εφαρμογή επιφάνειας εργασίας του Figma, το Affinity και το LibreOffice διαβάζουν και τα δύο. Αν ένας σχεδιαστής σάς στείλει την ίδια οικογένεια και στις δύο εκδοχές, το OTF είναι συνήθως η έκδοση στην οποία σχεδίασε ο δημιουργός της γραμματοσειράς και το TTF μια μετατροπή για παλαιότερο λογισμικό.

Οι περιπτώσεις όπου η διαφορά μετράει είναι λίγες. Ορισμένα προγράμματα κοπτικών μηχανών και κεντήματος, μηχανές παιχνιδιών και βιβλιοθήκες οθονών μικροελεγκτών καταλαβαίνουν μόνο περιγράμματα TrueType, οπότε ένα OTF βασισμένο σε CFF φαίνεται χαλασμένο εκεί και χρειάζεται μετατροπή OTF σε TTF. Αντίστροφα, τίποτα σε επιφάνεια εργασίας δεν εγκαθιστά απευθείας WOFF ή WOFF2: αυτά τα αρχεία είναι πακεταρισμένα για προγράμματα περιήγησης. Εγκαταστήστε μόνο μία έκδοση μιας οικογένειας, γιατί ένα TTF και ένα OTF με το ίδιο εσωτερικό όνομα μπερδεύουν τα μενού γραμματοσειρών και οι εφαρμογές μπορεί να διαλέξουν λάθος αρχείο.

Κάθε τρέχουσα έκδοση των Chrome, Edge, Firefox και Safari διαβάζει WOFF2, οπότε πρέπει να είναι η πρώτη και συχνά η μοναδική πηγή στον κανόνα @font-face. Προσθέστε μια γραμμή WOFF μετά από αυτήν μόνο αν τα analytics σας δείχνουν ακόμη προγράμματα περιήγησης πριν από το 2016 περίπου, όπως παλιά Android WebViews ή ενσωματωμένα προγράμματα περιήγησης τηλεοράσεων. Το πρόγραμμα περιήγησης διατρέχει τη λίστα src με τη σειρά και κατεβάζει την πρώτη μορφή που υποστηρίζει, άρα η εφεδρική επιλογή δεν κοστίζει τίποτα στους σύγχρονους επισκέπτες. Αν έχετε ήδη το αρχείο TrueType για υπολογιστή, η μετατροπή TTF σε WOFF δίνει αυτή την εφεδρική επιλογή με μία κίνηση.

Αποφύγετε να σερβίρετε ακατέργαστα TTF ή OTF σε έναν ιστότοπο, εκτός αν μια πλατφόρμα σάς αναγκάζει, όπως κάνουν ορισμένα εργαλεία δημιουργίας email και παλαιότερα συστήματα περιεχομένου. Τα προγράμματα περιήγησης τα εμφανίζουν σωστά, αλλά τα αρχεία μεταφέρονται ασυμπίεστα εκτός αν ο διακομιστής σας εφαρμόζει gzip στις γραμματοσειρές, και δίνουν σε οποιονδήποτε ένα έτοιμο προς εγκατάσταση αντίγραφο. Η γραμμή font-display: swap παρακάτω λέει στο πρόγραμμα περιήγησης να εμφανίζει αμέσως το κείμενο με εφεδρική γραμματοσειρά και να αλλάζει στη δική σας μόλις φτάσει, αντί να κρύβει το κείμενο έως και 3 δευτερόλεπτα περιμένοντας.

Φιλοξενήστε τα αρχεία στο δικό σας domain όπου μπορείτε. Τα Chrome, Safari και Firefox χωρίζουν πλέον την κρυφή μνήμη ανά ιστότοπο, οπότε μια γραμματοσειρά που ελήφθη από κοινό CDN δεν επαναχρησιμοποιείται πια ανάμεσα σε ιστότοπους, και η αυτοφιλοξενία γλιτώνει μια αναζήτηση DNS και μια σύνδεση. Προσθέστε <link rel="preload"> μόνο για το ένα ή τα δύο βάρη που χρησιμοποιούνται στο ορατό τμήμα της σελίδας· η προφόρτωση όλων των στιλ ανταγωνίζεται τις εικόνες σας για εύρος ζώνης.

Ένα μεμονωμένο βάρος λατινικού κειμένου αποθηκευμένο ως WOFF2 ζυγίζει συνήθως 20–60 KB. Η ίδια γραμματοσειρά ως ασυμπίεστο TTF είναι συχνά δύο έως τρεις φορές μεγαλύτερη, και μια οικογένεια που καλύπτει επίσης ελληνικά, κυριλλικά και βιετναμέζικα μπορεί να ξεπεράσει τα 200 KB ανά στιλ. Οι γραμματοσειρές κινεζικών, ιαπωνικών και κορεατικών είναι άλλη κλίμακα: ένα πλήρες βάρος CJK περιέχει δεκάδες χιλιάδες γλύφους και συνήθως φτάνει αρκετά megabyte ακόμη και μετά τη συμπίεση WOFF2, πολύ περισσότερο απ' όσο πρέπει να φορτωθεί πριν η σελίδα εμφανίσει το κείμενό της.

Το subsetting αφαιρεί τους χαρακτήρες που η σελίδα δεν χρησιμοποιεί ποτέ, και το unicode-range λέει στο πρόγραμμα περιήγησης ποιους χαρακτήρες καλύπτει ένα αρχείο, ώστε να το κατεβάζει μόνο όταν η σελίδα τους περιέχει πραγματικά. Το Google Fonts χρησιμοποιεί ακριβώς αυτό για CJK, κόβοντας κάθε οικογένεια σε πολλά μικρά κομμάτια που φορτώνονται κατά απαίτηση. Για τις δικές σας γραμματοσειρές, η επιλογή Διατήρηση χαρακτήρων στον μετατροπέα γραμματοσειρών περιορίζει ένα αρχείο σε Latin + accents ή Μόνο οι χαρακτήρες που πληκτρολογώ πριν φτάσει στον διακομιστή σας· κρατήστε Όλοι οι χαρακτήρες για ό,τι εγκαθιστάτε σε υπολογιστή.

Η μετατροπή TTF σε OTF και αντίστροφα είναι αλλαγή περιτυλίγματος για γραμματοσειρές τύπου TrueType: ο πίνακας περιγραμμάτων, οι μετρικές και οι λειτουργίες διάταξης μεταφέρονται αναλλοίωτα. Η ενδιαφέρουσα περίπτωση είναι ένα OTF βασισμένο σε CFF που γίνεται TTF. Οι κυβικές καμπύλες δεν μπορούν να αντιγραφούν σε μορφή τετραγωνικών περιγραμμάτων, οπότε κάθε καμπύλη ξανασχεδιάζεται ως ένα ή περισσότερα τετραγωνικά τμήματα με ανοχή πολύ μικρότερη από ένα pixel. Ούτε τα hints PostScript μπορούν να μεταφραστούν, γι' αυτό το εργαλείο OTF σε TTF προσφέρει το Hinting ως Διατήρηση, Αφαίρεση ή Auto-hint.

Η επιστροφή από το web στον υπολογιστή είναι η πιο συνηθισμένη μετατροπή. Κατεβάζετε ένα θέμα ή ένα κιτ σχεδίασης, βρίσκετε μόνο αρχεία .woff ή .woff2 και χρειάζεστε τη γραμματοσειρά στο Word ή στο Figma. Η μετατροπή WOFF σε TTF αφαιρεί τη συμπίεση και γράφει ξανά τους αρχικούς πίνακες, ώστε οι γλύφοι, το kerning και οι λειτουργίες να βγαίνουν όπως μπήκαν. Αυτό που δεν ανακτάται είναι ό,τι είχε ήδη αφαιρεθεί από την έκδοση web, όπως χαρακτήρες που αφαιρέθηκαν με subsetting ή hints που αφαιρέθηκαν για εξοικονόμηση byte.

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

Ένα αρχείο γραμματοσειράς είναι μια μικρή βάση δεδομένων και τρία μέρη της απαντούν στα περισσότερα ερωτήματα. Ο πίνακας name περιέχει το όνομα οικογένειας, το όνομα στιλ, την έκδοση, τη γραμμή πνευματικών δικαιωμάτων και συχνά ένα URL άδειας· το Font Book του macOS τον δείχνει στην προβολή πληροφοριών και η προεπισκόπηση γραμματοσειράς των Windows δείχνει τις πρώτες γραμμές. Η κάλυψη γλύφων δείχνει ποιες γλώσσες μπορεί να στοιχειοθετήσει η γραμματοσειρά: μια γραμματοσειρά μόνο για λατινικά περνά αθόρυβα σε άλλη για τους πολωνικούς, τουρκικούς ή βιετναμέζικους χαρακτήρες που της λείπουν. Για μεταβλητή γραμματοσειρά, ο πίνακας fvar απαριθμεί τους άξονές της, όπως βάρος από 100 έως 900 ή πλάτος από 75 έως 125.

Αξίζει μια ματιά στην άδεια χρήσης πριν ανέβει οτιδήποτε online. Τα εμπορικά τυπογραφεία πουλούν συχνά ξεχωριστές άδειες για υπολογιστή, web και εφαρμογές, και η άδεια για υπολογιστή καλύπτει συνήθως την εγκατάσταση σε συγκεκριμένο αριθμό υπολογιστών αλλά όχι τη διάθεση του αρχείου στους επισκέπτες ιστότοπου ή την ενσωμάτωσή του σε εφαρμογή κινητού. Η μετατροπή αλλάζει τη μορφή του αρχείου, ποτέ την άδεια, οπότε ένα WOFF2 από TTF για υπολογιστή έχει τους ίδιους όρους με το TTF. Οι γραμματοσειρές με άδεια SIL Open Font License, που καλύπτει τα περισσότερα του Google Fonts, μπορούν να μετατραπούν, να υποστούν subsetting και να φιλοξενηθούν από εσάς.

Τα περισσότερα ερωτήματα για γραμματοσειρές ανάγονται στο πού θα βρίσκεται το αρχείο. Αν εγκαθίσταται σε υπολογιστή ή πακετάρεται σε εφαρμογή, χρησιμοποιήστε TrueType ή OpenType· αν το κατεβάζει πρόγραμμα περιήγησης, χρησιμοποιήστε τα συμπιεσμένα περιτυλίγματα web. Ο πίνακας αντιστοιχίζει συνηθισμένες εργασίες με τη μορφή που πρέπει να διαλέξετε και τη μετατροπή που σας οδηγεί εκεί, ώστε να παραλείψετε την ιστορία και να πάτε κατευθείαν στο αρχείο που χρειάζεστε.

Δύο εργασίες βρίσκονται ανάμεσα στις κατηγορίες. Το EPUB 3 δέχεται TTF, OTF και WOFF, άρα τα e-book μπορούν να χρησιμοποιούν όποια οικογένεια μορφών θέλουν, και τα αρχεία γραμματοσειρών SVG ανήκουν στην ίδια γενιά με τα διανυσματικά γραφικά, αλλά σήμερα ενδιαφέρουν κυρίως ορισμένο λογισμικό plotter και χάραξης και όχι τα προγράμματα περιήγησης.