Εφαρμογή καλής τυπογραφίας στο Web (μέρος 3ο)

Όταν σχεδιάζεις για το Web είσαι σαν τον πολεμιστή που θέλει να έχει όσο πιο καλά όπλα μπορεί. Η τυπογραφία είναι ένα από τα σπουδαιότερα όπλα, αλλά ελλειπές γιατί οι γραμματοσειρές που μπορούν να είναι ορατές από όλους τους υπολογιστές είναι περιορισμένες.

Έτσι, έπρεπε να βρεθεί μια λύση. Η καλύτερη θα ήταν να είχαμε όλοι διαθέσιμες μερικές εκατοντάδες (για αρχή) γραμματοσειρές εγκατεστημένες ώστε να υπάρχει μια καλή γκάμα. Όμως αυτό δε συμβαίνει. Η άλλη λύση είναι να αντικατασταθούν βασικά τυπογραφικά κομμάτια με άλλο τρόπο.

Αυτή τη στιγμή έχουμε δύο τρόπους που γνωρίζουμε και δουλεύουν καλά. Ποιοι είναι αυτοί;

Αντικατάσταση κειμένου από εικόνα

Πρωτοδιάβασα γι’ αυτή τη μέθοδο αρκετά χρόνια πριν από τον γκουρού D. Bowman. (Η τεχνική που περιγράφεται στο κείμενο του link είναι πια ξεπερασμένη και δε συστήνεται).

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

Προτάθηκαν διάφορες παραλλαγές της προσέγγισης του Bowman ώστε να πετυχαίνουμε το καλύτερο δυνατό αποτέλεσμα. Ο σπουδαίος D. Shea τις έχει συγκεντρώσει σε ένα μέρος ώστε να τις βρίσκουμε εύκολα.

sIFR

H αντικατάσταση κειμένου από εικόνα είναι μια καλή τεχνική. Ίσως λίγο μη ευέλικτη. Η εναλλακτική λύση λέγεται sIFR (Scalable Inman Flash Replacement) και βρίσκεται ακόμα σε εξέλιξη. Προτάθηκε από τον S. Inman κι αναπτύσσεται από αρκετούς designers και developers, με κυριότερο μάλλον τον M. Davidson.

To sIFR δουλεύει χάρη στον αρμονικό συνδυασμό Flash, JavaScript και CSS. Αν και τα παραπάνω links εξηγούν με ακρίβεια πως λειτουργεί, να πω τα βασικά: το Flash αναλαμβάνει να γράψει το κείμενο με τη γραμματοσειρά που θέλουμε. Η JavaScript είναι υπεύθυνη για το “πέρασμα” του .swf αρχείου (Flash) στο html και φυσικά το CSS καθορίζει τη μορφοποίηση του κείμενου.

Ένα παράδειγμα εξαιρετικής χρήσης του sIFR είναι ο νέος δικτυακός τόπος του A. Clarke. Όλοι οι τίτλοι στον τόπο έχουν κατασκευαστεί με αυτή την τεχνολογία.

Το sIFR, αν και πιο πολύπλοκο στην υλοποίησή του, μπορεί να αποδειχθεί επαναστατικό. Θεωρητικά μπορεί να αντικαταστήσει όχι μόνο τίτλους, αλλά και ολόκληρο το κείμενο ενός τόπου. Είναι συμβατό με τους κανόνες προσβασιμότητας του Web, είναι συμβατό με όλους τους browsers πρακτικά και είναι ταχύτατο.

Επίλογος

Πριν ξεκινήσω να γράφω αυτή τη μίνι-σειρά αφιερωμένη στην τυπογραφία στο Web, σκεφτόμουν: τι να πω που δεν έχει ειπωθεί από τους γκουρού; Προσπάθησα να βρω παραδείγματα που χρησιμοποιώ κάθε μέρα στη δουλειά μου και που δεν υπήρχαν μαζεμένα σε ένα σημείο. Ο M. Boulton έχει γράψει μια καταπληκτική αντίστοιχη σειρά, την οποία φυσικά συστήνω ανεπιφύλαχτα.

Κάποια στιγμή θα κοιτάξω να μαζέψω όλα τα κείμενα μου σχετικά με την τυπογραφία σε ένα ξεχωριστό χώρο στο site κι όταν βρίσκω κάτι καινούριο θα το προσθέτω εκεί. Στο μεταξύ λέω να χαλαρώσω με πιο ανάλαφρα κειμενάκια.