Το Cufon είναι μια βιβλιοθήκη javascript αντικατάστασης κειμένου. Δεν σχετίζεται με το sIFR σε κώδικα, αλλά επιτελεί το ίδιο πράγμα χωρίς την ανάγκη για αρχεία Flash. Η ρύθμιση αυτή διαρκεί περίπου 5 λεπτά και μετά δεν χρειάζεται να την αγγίξετε πάλι. Δεν θα μπορούσε να είναι ευκολότερη και μπορεί να έχει μεγάλο αντίκτυπο στον τρόπο εμφάνισης του ιστότοπού σας.
Πως δουλεύει
Το πρώτο βήμα είναι να υποβάλετε τη γραμματοσειρά σας μέσω της ιστοσελίδας Cufon. Επεξεργάζονται τη γραμματοσειρά σε μια γραμματοσειρά SVG (κλιμακωτή διανυσματική γραφική παράσταση). Στη συνέχεια, οι διαδρομές αποκτώνται σε VML (γλώσσα σήμανσης φορέα), η οποία αυξάνει σημαντικά την ταχύτητα του Cufon στο IE. Τα δεδομένα που προκύπτουν στη συνέχεια κωδικοποιούνται σε JSON και μεταβιβάζονται σε μια καθορισμένη λειτουργία Cufon για επεξεργασία και εκεί συμβαίνει η μαγεία.
Παραδείγματα Cufon
Αρχικά, μεταβείτε στον ιστότοπο Cufon και υποβάλετε το αρχείο γραμματοσειράς σας για επεξεργασία. Θα φτύσει ένα αρχείο .js για να το κατεβάσετε. Πρέπει να έχετε αυτό το αρχείο προκειμένου ο Cufon να μεταφράσει το κείμενο στη γραμματοσειρά της επιλογής σας.
Στη συνέχεια, συμπεριλάβετε τόσο το αρχείο cufon-yui.js όσο και το αρχείο javascript που δημιουργήσατε. Το τελευταίο απλά περιτυλίγει κάποιο κείμενο σε μια κλάση και ξεκινά μια αντικατάσταση του Cufon γύρω από αυτό το όνομα κλάσης. Πλήρης κωδικός παρακάτω:
Αυτό είναι κείμενο στη γραμματοσειρά Molot
Αποτελέσματα σε:
Αυτό είναι κείμενο στη γραμματοσειρά Molot
Cufon Lineheight
Υπάρχει ένα γνωστό πρόβλημα με όλα τα προγράμματα περιήγησης με ύψος γραμμής που πιθανώς δεν πρόκειται να διορθωθούν
Cufon.now ()
Συνιστάται, για μια καλύτερη εμπειρία προβολής στο IE, να καλείτε τη λειτουργία Cufon.now () ακριβώς πριν την ετικέτα σώματος. Αυτό φροντίζει για ένα άλλο στιγμιαίο blip που μπορεί να συμβεί καθώς φορτώνεται η σελίδα και στη συνέχεια φορτώνεται η γραμματοσειρά.
