Cufon היא ספריית ג'אווה סקריפט להחלפת טקסט. זה לא קשור ל- sIFR בבסיס קוד, אך משיג את אותו הדבר ללא צורך בקבצי פלאש. התקנתו אורכת כחמש דקות ואז אינכם חייבים לגעת בה שוב. לא יכול להיות קל יותר וזה יכול להשפיע מאוד על מראה האתר שלך.
איך זה עובד
השלב הראשון הוא להגיש את הגופן דרך אתר קופון. הם מעבדים את הגופן לגופן SVG (גרפיקה וקטורית מדרגית). ואז הנתיבים נרכשים מעובדים ל- VML (שפת סימון וקטורי), מה שמגדיל מאוד את המהירות של קופון ב- IE. הנתונים שמתקבלים לאחר מכן מקודדים ל- JSON ומועברים לפונקציה מוגדרת Cufon לעיבוד, וכאן קורה הקסם.
דוגמאות לקופון
ראשית, עבור לאתר Cufon והגיש את קובץ הגופן לעיבוד. זה יורק קובץ .js שתוכל להוריד. עליך להיות בעל קובץ זה כדי שקופון יתרגם את הטקסט לגופן שבחרת.
בשלב הבא, כלול גם את קובץ ה- cufon-yui.js וגם את קובץ ה- javascript שנוצר. אחרון זה רק לעטוף קצת טקסט בכיתה, וליזום תחליף של קופון סביב שם הכיתה. הקוד המלא להלן:
זהו טקסט בגופן Molot
תוצאות ב:
זהו טקסט בגופן Molot
קופון קו הייט
ישנה בעיה ידועה בכל הדפדפנים עם גובה הקווים שככל הנראה לא יתקנו
Cufon.now ()
מומלץ לחוויית צפייה טובה יותר ב- IE שתקרא לפונקציה Cufon.now () ממש לפני תג הגוף. זה דואג לסליפה רגעית אחרת שעלולה להתרחש עם העמסת העמוד ואז הטעינה של הגופן.
