Ο Safari και η χρήση όλων των γραμματοσειρών
Πριν από περίπου ένα χρόνο ανακοινώθηκε η δυνατότητα του browser Safari να ενσωματώνει οποιαδήποτε γραμματοσειρά είναι διαθέσιμη.
Τι σημαίνει αυτό πρακτικά; Ότι μπορούμε να έχουμε στις οθόνες μας όχι μόνο τις 6-7 γραμματοσειρές που είναι διαθέσιμες σε όλους τους υπολογιστές, αλλά όλες όσες ο designer επιθυμήσει.
Πώς γίνεται αυτό;
Εύκολα με τη χρήση του νέου κανόνα για το CSS3, @font-face.
Στο παραπάνω παράδειγμα, στην 1η γραμμή του κώδικα ορίζεται ο κανόνας, στη 2η το όνομα της γραμματοσειράς και στην 3η πηγή, δηλαδή που βρίσκεται η γραμματοσειρά και ο τύπος της.
Δείτε ένα παράδειγμα χρήσης οποιασδήποτε γραμματοσειράς σε μια σελίδα. (Για να εμφανιστεί σωστά το παράδειγμα, πρέπει φυσικά να χρησιμοποιήσετε τον Safari 3.1.)
Τι προκύπτει από αυτά
Το πρώτο που μπορεί να πει κάποιος είναι ότι επιτέλους το μεγάλο εμπόδιο των γραμματοσειρών λύνεται και τα όπλα που έχει ο designer αυξάνονται κατακόρυφα. Ένα άλλο πλεονέκτημα είναι ότι δεν υπάρχει λόγος χρήσης μεθόδων τύπου sIFR, που είναι μεν πολύ αξιόλογες, αλλά στα μάτια μου μοιάζουν με hacks και είναι σαφώς πιο δύσκολες στην εφαρμογή τους.
Αρκεί όμως αυτό;
Οι γραμματοσειρές αποτελούν πνευματική ιδιοκτησία κι έτσι πρέπει να αντιμετωπίζονται. Μπορεί να φαίνεται απλό π.χ. να χρησιμοποιήσω την πειρατική Helvetica, αντί της κακής αντιγραφής της, Arial. Πόσο θα ήθελα όμως να συμβαίνει αυτό, αν ήμουν εγώ αυτός που δημιούργησε τη Helvetica;
Θα μπορούσαμε να πληρώνουμε ένα πολύ μικρότερο πόσο σε σχέση με την αγορά μιας γραμματοσειράς προκειμένου να χρησιμοποιηθεί αυτή περιορισμένες φορές σε ένα website; Θα μπορούσαμε απλώς να κάνουμε embed τις γραμματοσειρές που θέλουμε από τα websites των κατασκευαστών τους και να μην πληρώσουμε καθόλου; Υπάρχουν άραγε άλλα μοντέλα υλοποίησης;
Μήπως δεν ενδιαφέρει κάτι τέτοιο καθόλου τους Έλληνες Web designers; Η άποψή σας είναι σημαντική.
Όπως και να 'χει, ακόμα κι αν ξεπεράσουμε αυτό το θέμα, κι αν το δούμε και λίγο κυνικά, ποιος μπορεί να μας προστατέψει από τους designers που θα χρησιμοποιούν όποιες γραμματοσειρές θέλουν κάνοντας τελικά το website να μοιάζει με τσίρκο; Εντάξει, είναι ψευτοδίλημμα, το παίρνω πίσω. Εξάλλου και τώρα συμβαίνει αυτό.
{11 σχόλια ως τώρα } + Νέο σχόλιο
#FN$#
Στο τελευταιο,εχεις δικιο με τον τροπο που κλεινεις.Τωρα,σχετικα με την αγορα γραμματοσειρων ή τη “δωρεαν” χρηση τους,η παραπανω λυση μοιαζει να ειναι δικοπο μαχαιρι...
Προσωπικα παντως,μου ακουγεται ενδιαφερον!...
Χάρης
Δυστυχώς μέχρι να γίνει fully adopted το CSS3 (όχι το site
) θα περάσει καιρός.
Μέχρι τότε βρήκα τη χαρά μου με το flir (http://facelift.mawhorter.net/). Η λειτουργία του είναι πολύ απλή: διαβάζει τα elements που του δίνεις (μέσω javascript) και τα περνάει μέσα απο ένα php script που με την χρήση της βιβλιοθήλης GD κάνει render το κείμενο με τη γραμματοσειρά που του έδωσες και επιστρέφει μια εικόνα με την οποία κάνει replace το element.
Κάνει και caching οπότε είναι πολύ γρήγορο! Ποτέ δεν ασχολήθηκα με sIFR καθώς δεν ξέρω flash. Το flir μου κάθησε τέλεια. Το μόνο που δεν μπορώ να καταλάβω είναι ποιές γραμματοσειρές υποστηρίζουν utf8 ελληνικά. Δοκίμασα διάφορες και μόνο στην οικογένεια CF κατέληξα, αν την ξέρετε.
Γιάννης Κωνσταντακόπουλος
Όντως το fLIR είναι η επόμενη εναλλακτική πρόταση. Είπα να μην το αναφέρω στο κείμενο γιατί είναι ακόμα πιο καινούριο και ίσως όχι τόσο δοκιμασμένο.
Αν θες γραμματοσειρές που να υποστηρίζουν ελληνικά, δοκίμασε και την οικογένεια UB.
PanosJee
Πιστεύω θα χρειαστούμε σχεδόν 5 χρόνια για μια πιο καθολική αποδοχή του CSS3 το καλό όμως είναι ότι μπορούμε να χρησιμοποιούμε ήδη στοιχεία απλά λέμε στους χρήστες for optimal experience do not use IE
klou
Συμφωνώ με PanosJee,
let’s kill IE. ΙΕ6 τουλάχιστον :p
Gerasimos
Σίγουρα θα είχαμε πολύ καλύτερα αποτελέσματα πιστεύω αν μπορούσαμε να χρησιμοποιήσουμε αυτή τη τεχνολογία σήμερα. Από την άλλη θα είχαμε και άλλα τόσα αποτελέσματα που απλά θα ήταν για κλάματα. Εδώ μπορούμε και σπέρνουμε το πανικό μόνο με 3 - 4. Φαντάζεσαι με 3 - 4.000?
Είμαι σίγουρος πως τα φαινόμενα χρήσης τέτοιου είδους γραμματοσειράς (http://www.fonts.com/FindFonts/Detail.htm?pid=203731 ) σε body text δε θα αργήσουν να φανούν χεχ..
Apostolos
Don’t use IE χαχα!!! Kudos PanosJee!!!
Όσο για το feature αυτό του Safari δεν το ήξερα και είναι πραγματικά πάρα πολύ χρήσιμο για όλους τους designers. Εγώ με linux αντιμετωπίζω μεγάλο πρόβλημα με τις γραμματοσειρές (κυρίως) σε ελληνικά sites. Τουλάχιστον είναι το μοναδικό μου πρόβλημα
Λία Βέρου
Δεν νομίζω ότι υπάρχει λόγος να φοβόμαστε για περιπτώσεις όπως αυτή που αναφέρει ο Γεράσιμος. Συνήθως όσοι κάνουν τόσο χοντρά ατοπήματα, δεν χρησιμοποιούν CSS, επί του παρόντος τουλάχιστον.
Άσε που ούτως ή άλλως τα υπάρχοντα εργαλεία είναι υπέρ-αρκετά για να δημιουργηθεί οποιοδήποτε έκτρωμα.
Ζαχαρένια Ατζιτζικάκη
Παιδιά, συγνώμη που θα σας απογοητεύσω, αλλά όσο στην Ελλάδα πάνω από το 40-50% των χρηστών χρησιμοποιούν ακόμα Internet Explorer 6, δύσκολα θα τον αφήσουμε.
Επιπλέον, δεν είναι ακριβώς σύμφωνο με τη φιλοσοφία των standards να αφήνεις ένα μέρος των χρηστών σου στο σκοτάδι, μόνο και μόνο επειδή δεν τους άνοιξε κάποιος τα μάτια για να αλλάξουν browser.
Τώρα, αν απευθύνεσαι στην παγκόσμια αγορά και ειδικά σε εξειδικευμένα κοινά όπως π.χ. web designers, κάνεις ότι θέλεις.
Στο blog μου για παράδειγμα έχω κάτω από 2% των επισκεπτών από IE. Ε δεν πρόκειται να ασχοληθώ με το box model του στο νέο theme μου...
Λία Βέρου
Ζαχαρένια, δεν είναι ανάγκη για να χρησιμοποιήσεις κάτι τέτοιο να αγνοήσεις τους χρήστες με IE. Μπορείς απλά να εμφανίζεται με Safari στην όμορφη γραμματοσειρά που διάλεξες και με μια πχ Georgia στους υπόλοιπους browsers.
Αυτό το κάνει και το πανέμορφο http://www.taptaptap.com/.
Graceful degradation
Ζαχαρένια Ατζιτζικάκη
@Λία
Προφανώς αναφερόμουν σε αυτά που έλεγαν ο Πάνος και ο Απόστολος για τη διακοπή υποστήριξης του IE6 και όχι στην τεχνική που αναφέρει ο Γιάννης.