Anonim

Cufon هو مكتبة نص جافا سكريبت استبدال. لا يتعلق الأمر بـ sIFR في codebase ، ولكنه يحقق نفس الشيء دون الحاجة إلى ملفات Flash. يستغرق إعداده حوالي 5 دقائق ثم لن تضطر إلى لمسه مرة أخرى. لا يمكن أن يكون أسهل ويمكن أن يكون لها تأثير كبير على الطريقة التي يبدو بها موقع الويب الخاص بك.

كيف تعمل

الخطوة الأولى هي إرسال خطك عبر موقع Cufon. يقومون بمعالجة الخط في خط SVG (رسومات متجهة قابلة للتحجيم). ثم يتم الحصول على المسارات التي تمت معالجتها إلى VML (لغة الترميز المتجهية) ، مما يزيد بشكل كبير من سرعة Cufon في IE. ثم يتم تشفير البيانات الناتجة إلى JSON وتمريرها إلى وظيفة محددة في Cufon للمعالجة ، وهنا يحدث السحر.

أمثلة Cufon

أولاً ، انتقل إلى موقع Cufon ، وأرسل ملف الخط الخاص بك للمعالجة. سوف يبصق ملف .js لتتمكن من تنزيله. يجب أن يكون لديك هذا الملف لكي يقوم Cufon بترجمة النص إلى الخط الذي تختاره.

بعد ذلك ، قم بتضمين كل من ملف cufon-yui.js وملف جافا سكريبت الخط الذي تم إنشاؤه. الأخير هو مجرد التفاف بعض النص في الفصل ، وبدء استبدال Cufon حول اسم الفصل الدراسي. كود كامل أدناه:

هذا هو النص في الخط Molot

النتائج في:
هذا هو النص في الخط Molot

Cufon Lineheight

هناك مشكلة معروفة في جميع المتصفحات ذات ارتفاع الخط والتي ربما لن تكون ثابتة

Cufon.now ()

يوصى بتجربة عرض أفضل على IE أن تقوم باستدعاء الدالة Cufon.now () قبل علامة الجسم مباشرة. هذا يعتني بلمحة مؤقتة قد تحدث أثناء تحميل الصفحة ثم يتم تحميل الخط.

مشاكل IE9

اعتبارا من هذا النشر ، كانت هناك بعض المشاكل مع إصدارات معينة من IE9 ، وأنا أعلم أنهم كانوا يعملون على حلها وآمل أن يكون هناك إصدار قريبا لإصلاح هذه المشاكل.

نمط الخطوط مع استبدال خط cufon