css3.gr

Μερικές εβδομάδες πριν η Ζαχαρένια έγραφε για το Typekit ότι χάρη σε αυτό όλα αλλάζουν. Πριν από λίγες μέρες ο Στέλιος έλαβε μια πρόσκληση από το Typekit ώστε να μπει και να δοκιμάσει την υπηρεσία. Τελικά τη δοκίμασα εγώ πρώτος και το κείμενο που ακολουθεί περιγράφει τις εντυπώσεις μου από αυτή.

Για όσους δεν έχουν ξανακούσει για το TypeKit να πω ότι είναι μια online υπηρεσία που επιτρέπει τη χρήση οποιασδήποτε γραμματοσειράς σε μια ιστοσελίδα. Ως γνωστόν στο Διαδίκτυο μπορούν να χρησιμοποιηθούν 6-7 γραμματοσειρές, οι οποίες είναι εγκατεστήμενες σε όλους τους υπολογιστές π.χ. Arial, Georgia, Verdana κλπ. Χάρη στην ιδιότητα @font-face του CSS3, υπάρχει πια η δυνατότητα να χρησιμοποιηθεί οποιαδήποτε γραμματοσειρά αντί των βασικών. Το πρόβλημα μέχρι σήμερα ήταν ότι αν κάποιος designer αποφασίσει να κάνει χρήση της γραμματοσειράς Χ μέσω @font-face, υπάρχει ο κίνδυνος παράνομου κατεβάσματος αυτής της γραμματοσειράς, το οποίο μάλιστα γίνεται με πολύ εύκολο τρόπο.

Το Typekit έρχεται για να δώσει λύση στο θέμα κινούμενο σε 2 άξονες:

• Περιλαμβάνει μια μεγάλη γκάμα από γραμματοσειρές έτοιμες προς χρήση, τόσες που δύσκολα θα βρεθούν νόμιμα στην κατοχή ενός designer
• Η χρήση μιας γραμματοσειράς γίνεται μέσω κώδικα JavaScript κι έτσι αποτρέπεται το παράνομο κατέβασμά της

Πώς λειτουργεί το TypeKit

Η διαδικασία είναι πολύ εύκολη. Ξεκινάει με το απαραίτητο login του μέλους. Μετά από αυτό, το μέλος βρίσκεται μπροστά στη λίστα με τις διαθέσιμες γραμματοσειρές. Αυτό που πρέπει να κάνει είναι να διαλέξει μία από αυτές.

Αφού διαλέξει γραμματοσειρά, ακολουθούν οι ρυθμίσεις για το πώς θα χρησιμοποιηθεί αυτή.
Μία από τις απαραίτητες ρυθμίσεις είναι το class ή το id του element στο οποίο θα χρησιμοποιηθεί η γραμματοσειρά αυτή π.χ. h1.tk, όπως φαίνεται στην εικόνα πάνω αριστερά.

Αφού ολοκληρωθούν αυτού του τύπου οι ρυθμίσεις, ακολουθούν κάποιες πιο σημαντικές. Το Typekit ζητάει το URL της ιστοσελίδας στην οποία θα χρησιμοποιηθεί η γραμματοσειρά και δίνει τον απαραίτητο κώδικα JavaScript που πρέπει να τοποθετηθεί στη σελίδα. Το Typekit τρέχει κανονικά ακόμα και σε τοπικό επίπεδο, όπως φαίνεται από το URL της παρακάτω εικόνας.

Οι ρυθμίσεις έχουν τελειώσει. Η σελίδα πια “διαβάζει” το κείμενο με τη γραμματοσειρά του Typekit. Όλες οι γραμματοσειρές που δοκίμασα όμως δεν είναι διαθέσιμες στα ελληνικά. Συνεπώς, για να φανούν πρέπει το κείμενο να είναι στα αγγλικά.

Ακολουθούν 3 screenshots από το website μου όπου φαίνεται πια το κείμενο με τις νέες γραμματοσειρές.

1η δοκιμή με μια γραμματοσειρά sans-serif.

2η δοκιμή με μια γραμματοσειρά που σίγουρα δεν είναι αυτό το κατάλληλο μέρος για να χρησιμοποιηθεί.

3η δοκιμή με μια serif και πολύ όμορφη γραμματοσειρά.

Πλεονεκτήματα, μειονεκτήματα και κόστη

Μετά από περίπου 2 ώρες χρήσης του Typekit τα πλεονεκτήματά του ήταν προφανή:

• Η χρήση του είναι ιδιαίτερα απλή
• Υπάρχει διαθέσιμη μια μεγάλη συλλογή γραμματοσειρών που πιστεύω ότι με το χρόνο θα γίνεται ακόμα μεγαλύτερη
• Το Typekit είναι μια αποτελεσματική λύση για την ασφαλή χρήση fonts ενάντια στην πειρατεία
• Τα fonts παρότι “έρχονται” από ένα εξωτερικό site, αυτό γίνεται πολύ γρήγορα και δεν προβληματίζει

Κάθε νόμισμα όμως έχει δύο όψεις. Τα μειονεκτήματα που ανάγνωσα στο TypeKit ήταν:

• Είναι δύσκολο να βρεθούν γραμματοσειρές που να υποστηρίζουν ελληνικά
• Επειδή η υλοποίηση βασίζεται στην ιδιότητα @font-face του CSS3, υπάρχουν browsers που δεν την υποστηρίζουν ακόμα. Ενδεικτικά αναφέρω όλη την οικογένεια του Internet Explorer. Για την ακρίβεια ο Internet Explorer υποστηρίζει το @font-face, αλλά μόνο για τις γραμματοσειρές που είναι κατασκευασμένες υπό το format EOT, το οποίο είναι επινόηση της Microsoft. Όσο παράλογο κι αν ακούγεται αυτό, είναι γεγονός. Υπάρχει κάποιος περίπλοκος τρόπος να παρακαμφθεί το θέμα, αλλά συνολικά όλο αυτό είναι ένα πρόβλημα.
• Ακριβώς επειδή το Typekit είναι ένα εξωτερικό website το οποίο παρέχει τις γραμματοσειρές, πάντα υπάρχει εξάρτηση από αυτό κι από όλα τα πιθανά προβλήματα που θα μπορούσε να παρουσιάσει

Ξεπερνώντας τα πλεονεκτήματα και τα μειονεκτήματα, δεν πρέπει να ξεχνάμε ότι όλα αυτά που παρέχει το TypeKit έχουν ένα κόστος. Πιστεύω ότι το πιο σωστό είναι να το δούμε ως ένα “σπίτι” που φιλοξενεί πολλούς κατοίκους, καθένας από τους οποίους δεν πηγαίνει εκεί δωρεάν, αλλά πληρώνεται για να φιλοξενηθεί. Με αυτό το δεδομένο ο παρακάτω πίνακας τιμών μου φαίνεται ιδιαίτερα προσιτός.

Επίλογος

Η εμπειρία μου από το Typekit ήταν παραπάνω κι από θετική. Όλα πήγαν καλά, έγιναν γρήγορα κι αξιόπιστα. Αν ήξερα ότι εκεί θα βρω ελληνικές γραμματοσειρές, θα το χρησιμοποιούσα σίγουρα σε τουλάχιστον ένα website. Νομίζω ότι πρέπει να ξαναπώ ότι η γκάμα των τιμών που δίνει είναι πολύ πολύ καλή.

Η φιλοσοφία του Typekit πιστεύω ότι είναι προς τη σωστή κατεύθυνση. Δεν είναι ακόμα η τέλεια λύση (μην ξεχνάμε ότι η υπηρεσία είναι σε στάδιο beta), όμως είναι μια αρχή που θ’ αλλάξει τον τρόπο που η τυπογραφία και το Web θα αλληλεπιδρούν. Εξάλλου μέσα στους επόμενους μήνες θα δούμε αρκετές ακόμα προσπάθειες προς αυτή την κατεύθυνση από ανταγωνιστές του Typekit.

Γιάννης Κωνσταντακόπουλος

Σχεδιάζει κι αναπτύσσει websites και γράφει κείμενα για το Web. Στο τέλος, μιλάει για όλα αυτά, με στόχο το Web να είναι χρήσιμo, εκτός από όμορφo. Είναι μέλος του ILG, που ανήκει στο Web Standards Project. Θα τον βρείτε στο porcupine colors.

Θέλεις το επόμενο κείμενο να είναι το δικό σου;

ΜΑΘΕ ΠΕΡΙΣΣΟΤΕΡΑ