• Switch to English
  • You are in Greek version

Monday 27.07.2009, ¶ Τυπογραφια, 5 Σχόλια

# Εγγραφείτε στα RSS feeds 

@font-face: Το σπουδαιότερο χαρακτηριστικό του CSS3

Αν το 95% του Web είναι τυπογραφία, τότε το σπουδαιότερο χαρακτηριστικό του πολυαναμενόμενου specification των CSS, το CSS3, είναι το @font-face.

Τι κάνει το @font-face; Επιτρέπει τη χρήση οποιασδήποτε γραμματοσειράς σε οποιοδήποτε μέρος του κειμένου, χωρίς τη μεσολάβηση άλλων τεχνολογιών όπως π.χ. JavaScript ή Flash. Αυτό γίνεται με το να “καλούμε” μια γραμματοσειρά από ένα server στον οποίο βρίσκεται.

Μέχρι σήμερα έχουν παρουσιαστεί διάφοροι μεσοβέζικοι τρόποι χρήσης οποιασδήπτοε γραμματοσειράς με σημαντικότερο από αυτούς το sIFR. Μάλιστα, πριν από περίπου 2 χρόνια εφάρμμοσα σε αυτό εδώ το site το sIFR, όμως το εγκατέλειψα, λόγω της δυσχρηστίας του και της έλλειψης καλών ελληνικών γραμματοσειρών.

Σήμερα, περισσότερο από ποτέ, είμαστε έτοιμοι να χρησιμοποιήσουμε το @font-face.

Τα ελληνικά δεν παύουν να είναι προβληματικά όσον αφορά την τυπογραφία και το Web, καθώς και καλές γραμματοσειρές δεν έχουμε και η ποιότητά τους είναι αντιστρόφως ανάλογης της τιμής τους και το τοπίο είναι γενικότερα φτωχό. Στα αγγλικά όμως υπάρχουν πολλές γραμματοσειρές που παρέχονται δωρεάν και που είναι έτοιμες να γίνουν embedded στις σελίδες μας χάρη στο @font-face.

Όμως το @font-face δεν παύει να είναι μία ιδιότητα του CSS3, που ακόμα δεν υποστηρίζεται απ’ όλους τους browsers. Σε ποια φάση βρισκόμαστε; Αυτή τη στιγμή υποστηρίζεται από τους:

  • Safari 4
  • Firefox 3.5
  • Opera 10 beta

Αυτοί είναι οι πιο σημαντικοί. Ο Internet Explorer 8 δεν το υποστηρίζει κι αυτή είναι η πιο δυσοίωνη είδηση. Ο Internet Explorer είναι βέβαια γνωστό ότι αλλάζει πιο αργά κι από το λιώσιμο των πάγων στην Αρκτική, αλλά αυτό δεν παύει να κρατάει τα πράγματα πίσω.

Φαντάζομαι όταν το @font-face βγει έξω από το κλουβί, θα περάσει καιρός μέχρι να σταματήσουμε να τρομάζουμε από την κακή χρήση των fonts μέσα στα κείμενα. Κάτι παρόμοιο με αυτό που είχε γίνει πριν από κάποια χρόνια με την Comic Sans, που τα ίχνη της δε λένε να εκλείψουν. Ωστόσο, δεν μπορείς να θέσεις όρια ακόμα και στην υπερβολή.

Πιο πολλή σημασία έχει ότι θα μπορούμε αυτό που στο design των έντυπων γίνεται από την πρώτη στιγμή: μεγαλύτερος και καλύτερος έλεγχος στο πιο σημαντικό κομμάτι των designs μας, την τυπογραφία.

5 Σχόλια

# Εγγραφείτε στα RSS feeds 

Picture of #FN$#

Πραγματικά, το να έχεις τον απόλυτο έλεγχο όσον αφορά τις γραμματοσειρές σε μια ιστοσελίδα είναι κάτι σπουδαίο.

Από την άλλη, είναι σίγουρος ότι θα γίνει ένας σχετικός χαμός από την κακή χρήση αλλά -είναι εξίσου σίγουρο- πως θα ζήσουμε!... raspberry

Έχω όμως 1 απορία, που έχει να κάνει με τους χρόνους φόρτωσης, με τις εργασίες των server κλπκλπ. Θα είναι απλά 1 query σε “κάποιον” server; Ή ο καθένας θα πρέπει να φορτώνει 500 γραμματοσειρές σε κάθε μηχάνημα που θα έχει;;

#FN$#
27 July 2009

Picture of porcupine

Η κάθε γραμματοσειρά θα φορτώνεται ξεχωριστά. Από τη στιγμή που θα γίνει αυτό θα είναι στην cache, οπότε πρακτικά θα παίρνει χρόνο μηδέν να ξαναφορτώσει.

Αλλά και από μόνη της πόσο να “ζυγίζει” το κάθε font; Βαριά βαριά 5ΚΒ το καθένα. No big deal.

Ένα παράδειγμα σελίδας που χρησιμοποιεί πολλά fonts με το @font-face είναι το Nice Web Type likes Bello and Proxima Nova. Εκεί παίζουν κι άλλες ιδιότητες των fonts με το CSS3, όπως text-shadow κ.α. Η διαφορά είναι εμφανής.

porcupine
27 July 2009

Picture of #FN$#

Μην το λες! Άνοιξα 1 φάκελο -έτσι για τη σύγκριση- που έχω με καμιά δεκαριά fonts και το μικρότερο που βρήκα ήταν στα 43kb ενώ το μεγαλύτερο στα 680kb!

Τέλος πάντων, η αλήθεια είναι πως αυτά θα τα δούμε στην πράξη!...

#FN$#
27 July 2009

Picture of porcupine

Δεν έχεις άδικο.
Μόλις έκανα το σχόλιο εδώ έπεσα σε ένα κείμενο που έθιγε αυτό ακριβώς το θέμα.

Όπως το είπες... θα δείξει.

porcupine
27 July 2009

Picture of Gerasimos

Φαντάζομαι τι θα γίνει. H Comic Sans φυσικά θα έρθει πάλι στο προσκήνιο και πολλές άλλες παρόμοιες. Είναι πολύ δυνατό χαρτί να έχεις τον απόλυτο έλεγχο στη τυπογραφία, απλά πιστεύω πως αν ένα μεγάλο μέρος ιστοσελίδων που “δε βλέπονται” αλλά παρέχουν πολύ καλό περιεχόμενο παίζουν ακόμη, ωφείλεται σε αυτό το “περιορισμό” που έχουμε στις γραμματοσειρές που χρησιμοποιούμε.

Αν και όπως είπες Γιάννη εφόσων ο IE8 δε τα πάει καλά με το @font-face, θα περάσουν αρκετά χρόνια μέχρι να το δούμε mainstream (και προσωπικά χαίρομαι γι αυτό).

Gerasimos
27 July 2009

Shoot it





Παρακαλώ συμπληρώστε την παρακάτω πρόταση *: Το όνομα αυτού του website είναι: .... colors
Smileys Να θυμάσαι τα στοιχεία μου
Να ειδοποιούμαι για απαντήσεις
  • Τα πεδία με την ένδειξη * είναι υποχρεωτικά
  • Πείτε ποιος είστε με ένα Gravatar
  • Επιτρεπόμενα tags: a, blockquote, em, strong
  • Το υπερσύγχρονο σύστημά μας ελέγχει σχόλια άσχετα με το κείμενο ή που δεν συμβαδίζουν με το site και τα διαγράφει αυτόματα
  • Για να κάνετε 2ο σχόλιο, παρακαλώ περιμένετε 5'.

Προεπισκόπιση σχόλιου