Cufon جملة الخطوط استضافة

بواسطة مايكل سوريانو في القصاصات 13 أكتوبر 2009 70 تعليقات

أنا معجب كبير من قبل WooThemes. ويبدو أنه في كل مرة يخرجون مع موضوع - أنها دفع حدود تصميم مواقع الإنترنت. نلقي نظرة على أحدث خلقهم: العلاج - لا أستطيع إلا أن تقع في الحب مع تدرجات الخلفية الجميلة، الشفاف ناعمة وسلسة وحواف مدورة لطيفة. ولكن ما أنا حقا أحب حول العلاج هو انها الطباعة مذهلة. قلت لنفسي: "هذا استغلال ممتاز للتقنية sIFR". لذلك أنا الحق النقر على عنوان آخر، نتوقع أن نرى "حول ماكروميديا ​​فلاش" الدخول - ولكن لا يرى ذلك. فسألت نفسي في حيرة: "إذا لم تكن تقنية sIFR، ثم ما هو تحويل كل هذا دينامية النص؟"

جملة الخطوط Cufon استضافة نفس الشيء لك

I تفقد عنصر في الحرائق - ثم أرى الطبقة فترة "cufon" في كل مكان.

حتى ما في العالم هو Cufon؟

ويعرف Cufon باسم "استبدال نص سريع مع قماش وVML". وتزعم أيضا أن تكون بديلا جديرا لتقنية sIFR - الذي هو، لأولئك الذين ليسوا على دراية - لتقف على استبدال قابلة إنمان فلاش. تقنية sIFR هي التكنولوجيا المستخدمة من قبل مصممي الويب ليحل محل النص الديناميكي مع غير شبكة الإنترنت الخطوط آمنة. على الرغم من أن تقنية sIFR قام بعمل ما يرام مع استبدال النص - وقد ثبت أن تكون صعبة جدا لاقامة. لقد استعملت تقنية sIFR في عدد قليل من المشاريع في الماضي ولا أعترف أنه ليس أسهل شيء للحصول على الذهاب. وعلاوة على ذلك - تقنية sIFR يبدو عربات التي تجرها الدواب قليلا، وكذلك يبطئ تحميل الصفحة. هذه هي عواقب وخيمة على النظر لسعر باستخدام خط فريدة من نوعها لصفحات موقعك.

لذلك ذهبت إلى الأمام وحاول Cufon. لدهشتي، والخطوات التالية هي كل ما يلزم بشكل كامل "Cufonize" صفحات الويب الخاصة بك. * اغفر استخدام مصطلح "cufonize" - قد يبدو مضحكا، ولكن بعد محاولة هذه الخطوات، أنت أيضا سوف "cufonize" صفحاتك.

الخطوة 1: الحصول على Cufon

أول شيء تحتاجه هو لتحميل الأساسية جافا سكريبت الملف الذي هو المسؤول عن جعل من الخط المخصص داخل HTML الخاص بك. وجها لوجه لcufon.shoqolate.com/generate/ والحق انقر على "تحميل" التبويب - اختيار "حفظ الوصلة ك ..." حفظ cufon-yui.js إلى دليل محلي في جهازك.

الخطوة 2: إنشاء الخط الخاص بك

على نفس الصفحة في cufon.shoqolate.com/generate/ - انقر على حقل "محرف منتظم" - واستعرض للوصول إلى الخط المطلوب في الجهاز المحلي.

بقية الحقول تحميل اختيارية. تركت كل منهم التقصير من أجل جعل هذا البرنامج التعليمي قصيرة. فقط للتأكد من - كنت تستخدم الخط الذي هو شرعي للاستخدام، تحقق قبالة اتفاقيات ترخيص المستخدم النهائي وشروط الاتفاق. انقر على "دعونا نفعل هذا" زر في النهاية من تلك الصفحة.

هذا ينبغي أن تولد خط مخصص شفرة جافا سكريبت بالنسبة لك - اعتمادا على اختيار الخط الخاص بك. في حالتي، وأنا التقط شيئا جدا إلغاء الاستثنائي: Gigi.TTF - التي أنتجت ملف يسمى Gigi_400.font.js.

جملة الخطوط Cufon استضافة كل ما يتطلبه الأمر بالنسبة لك

المضي قدما وحفظ هذا الملف في نفس الدليل الذي قمت بحفظ الملف Cufon-yui.js الأساسية ونحن على استعداد لبناء صفحتك:

الخطوة 3: Cufonize الصفحة الخاصة بك

كل ما تحتاجه حقا القيام به من هذه النقطة هو أن تصل إلى هذه الملفات جافا سكريبت في قسم رأس HTML الخاص بك. وتأكد أيضا من أن cufon-yui.js يسمى قبل الملف font.js:

لبدء عملية الاستبدال - إنشاء برنامج نصي مخصص مثل أدناه:

السيناريو أعلاه هو قول cufon لاستبدال كافة H3 وP العبارات التي الخط عادتنا.

لاحظ أنه إذا كنت ترغب في استهداف عناصر محددة في صفحتك بنفس الطريقة التي تعيين الطبقات CSS ومعرفات، لديك لاستخدام إطار مثل مسج التي سوف تسمح لك أن تفعل مثل هذا الشيء. لتحميل مسج، انتقل إلى docs.jquery.com/Downloading_jQuery. تأكد من أنك تصل إلى هذا الملف قبل cufon-yui.js الأساسية في رأس الخاصة بك.

مع مكتبة مسج في مكان، الآن يمكنك تحديد العناصر أكثر تحديدا في الصفحة الخاصة بك (الهاش لمعرفات وفترات لفئات). انظر المثال رمز أدناه:

سوف رمز أعلاه Cufonize العلامات H3 فقط مع معرف "تحويل لي"، والعلامات ص مع معرف "تحويل لي-جدا".

استنتاج:

هذا في الأساس هو ذلك! هذا هو كل ما يتطلبه الأمر بالنسبة لك لاستخدام أي خط تريد في صفحات الويب الخاصة بك. ما أحب أفضل حول Cufon هو أنه سريع ويعمل. سوف تجد أيضا أن خصائص CSS العامة مثل اللون والحجم وتحديد المواقع لا يزال ساريا على الخط تحويلها. لمعرفة المزيد عن تفاصيل Cufon التصميم - راجع wiki.github.com/sorccu/cufon/styling.

الكثير من الاحترام للشعب الذي خلق Cufon. أنا متأكد من أن هذا يمثل اتجاها جديدا في الطباعة على شبكة الإنترنت. الى الناس في قبل WooThemes: الاستمرار في دفع حدود - العمل الخاص بك هو مصدر إلهام للفنانين النقي على شبكة الإنترنت في كل مكان.

المتواجدون طريق Cufon؟

القائمة التالية من المواقع تستخدم بالفعل Cufon استبدال نص في صفحاتها:

الأكاديمية الدولية للرجبي

ترويض الشبكة - محاذاة المشاركات وورد الخاص بك تماما باستخدام PHP و CSS

إنشاء صفحة المحفظة واحدة من الصفر - الجزء 1: فوتوشوب نموذج بالحجم الطبيعي

70 تعليقات

25 أكتوبر 2009 في 07:18

لدي خطة في محاولة cufonize قريبا وفقط انظر المادة الخاصة بك الكبير. شكرا للمشاركة.

28 أكتوبر 2009 في 11:15

أنا باستخدام البرنامج المساعد WP-Cufon (www.tobias-battenberg.de/wp-cufon/) على موقعين ورد. جيد جدا، ولكن لا تشوبه شائبة. هناك تأخير بسيط عند تحميل الصفحة للخط لتظهر و"الإختراق" لا يبدو لتغطية ذلك. كما واجهت مشكلة مع انها تعمل على الصفحة الرئيسية والصفحات الأخرى كموضوع كنت تستخدم مشفرة بشكل مختلف.

القيام بذلك قبل ثلاثة أشهر (متمنيا لمقال مثل هذا واحد) واجهت مشكلة تحويل الخط إلى شبيبة أعتقد أنه كان. كان علي أن أفعل ذلك عدة مرات للحصول على ذلك الحق.

وتقريبا فعلت هذا الموقع ويمكنك ان ترى استخدام حر Museo_300 الخط:
lightonsolutions.com/

أنا ما بعد الموقع مثال آخر عندما يتم الانتهاء من ذلك.

شكرا مرة أخرى لهذه المادة.

28 أكتوبر 2009 في 12:19

الحق علي! خط Museo_300 هو خط جميل. عمل جيد!

4 نوفمبر 2009 في 09:40

فقط أريد أن أعرف كيفية تطبيق "هوية" و "الطبقة" في cufon.

يرجى إعطاء في موجز وأيضا مثال sitor رابط.

4 نوفمبر 2009 في 09:56

- أنت استهداف العناصر باستخدام سهل جافا سكريبت أو مسج محددات. أجد الطريق مسج ليكون أسهل.

فمثلا. لنفرض أنك تريد cufonize جميع الألقاب H3 في صفحتك مع فئة من "العنوان الفرعي"، تخبر النصي: cufon.replace ( 'h3.subtitle')

4 نوفمبر 2009 في 10:02

مرحبا شكرا لاستجابة QUIK.
ولكن بعض المشاكل.

أنا أستخدم هذا code..but لا تحصل على أي تغييرات.

Cufon.replace ( 'h3.subtitle، textShadow: "2px 2px # 666،
حجم الخط: '17px'،
اللون: "-linear التدرج (# الاتحاد الفرنسي، 0.2 = # FFF، 0.5 = # FFF، # الاتحاد الفرنسي) '،
تحوم: textShadow: "2px 2px # 9d9d9d،
اللون: "-linear التدرج (# d4d4d4 والأبيض)"

6 نوفمبر 2009 في 05:25

مرحبا شكرا لاستجابة QUIK.
ولكن بعض المشاكل.

أنا أستخدم هذا code..but لا تحصل على أي تغييرات.

Cufon.replace ( 'h3.subtitle، textShadow: "2px 2px # 666،
حجم الخط: '17px'،
اللون: "-linear التدرج (# الاتحاد الفرنسي، 0.2 = # FFF، 0.5 = # FFF، # الاتحاد الفرنسي) '،
تحوم: textShadow: "2px 2px # 9d9d9d،
اللون: "-linear التدرج (# d4d4d4 والأبيض)"

23 ديسمبر 2009 في 09:31

شكرا لهذا مفيد جدا "كذبة واقية من" البرنامج التعليمي. لدي العميل الذي طلب مني بعض الأسئلة حول تقنيات استبدال نص، وانا ذاهب لمنحه وصلتك حتى يتمكن من قراءة لنفسه.

بالمناسبة أشارك مشاعركم حول قبل WooThemes، وأنا قد يكون متحيزا وأنا اختبار بيتا لهم

27 يوليو 2010 في 06:30

مادة لطيفة!
اعتدت cufon بالتزامن مع PHP ومسج على موقع وكالة سفر في الآونة الأخيرة - يعمل بشكل ممتاز!
اعتدت أن أسلوب دينامية النص على محور دوار ميزة وخاصة الحيوية على الصفحة الرئيسية (shipsandtripstravel.com) وتستخدم خطوط متعددة على صفحة الشهادات الخاصة بهم (shipsandtripstravel.com/about/testimonials.html)

28 يوليو 2010 في 11:28

Gregg - وهذا هو موقع واحد مثير للإعجاب. يجعلني تريد السفر

29 أبريل 2012 في 14:54

شكرا جزيلا. مضحك وجدت مشاركتك لأنني فعلت نفس الشيء الذي فعلته ... يعتقد زيارتها الخط ليكون ملف IMG حتى كنت أداة المطور جوجل ويسمع Cufon للمرة الأولى. أليس من الأفضل استخدام مكتبة مسج جوجل على الرغم ؟؟

// تستطيع تحديد أرقام إصدار جزئية، مثل "1" أو "1.3"،
// مع نفس النتيجة. بذلك سيتم تحميل تلقائيا
// أحدث نسخة مطابقة هذا النمط المراجعة الجزئية
// (على سبيل المثال، سوف تحميل 1.3 1.3.2 اليوم و1 سوف تحميل 1.7.2).
google.load ( "مسج"، "1.7.2")؛

google.setOnLoadCallback (وظيفة () // مكان الحرف الأول الشفرة هنا بدلا من $ (الوثيقة) .ready ()
>).

هتاف والحفاظ على هذا المحتوى كبيرة تتدفق!

ستيف
كينغستون، ON كندا

30 أبريل 2012 في 09:50

هل لديها مشاكل مع cufon؟ أنا "cufonized" بلدي الخط، فعلت كل شيء لجعل ذلك العمل في موقع الويب الخاص بي ومن ... خط cufon تغير كل شيء. الأمور لم تعد هناك المكان المناسب؟ حدث ذلك لأحد حتى الآن؟

5 مايو 2012 في 07:16

ما cufin الخط والعلاج تستخدمه؟

شاهد هذا الفيديو!

مقالات ذات صلة

أفضل مولد الموقع لجملة استضافةالميزات: - يولد الملفات ملف sitemap.xml على الانترنت مجانا - يمكن معالجة عدد غير محدود من الصفحات * - توفر جوجل خريطة الموقع / XML خريطة الموقع مدقق - تقارير كسر الروابط - مكملة، دون أي ...
Gameon استضافة fjt جملةشكرا للمعلومات مايكلسون. أنا تحميل الحرائق وموردا رهيبة! وكنت قادرا على تحديد سطر من التعليمات البرمجية في الملف المغلق. ومع ذلك، ظهرت مشكلة جديدة: template.css ...
تضمين الشعبي 15 جملة استضافةجملة 2.5 قد وصلت إلى نهاية العمر بالنسبة لل2014/12/31. يرجى العلم أن هذا قد يكون خطرا أمنيا على موقع الويب الخاص بك. يمكنك عرض مزيد من المعلومات حول نهاية الحياة هنا. بالنسبة لهم...
باستخدام اثنين من القوالب في استضافة جملةفي جملة 2.5 / 3، يمكنك استخدام قالب تصميم أكثر من واحد في صفحة الويب الخاصة بك. هذا يعني أنه يمكنك إنشاء صفحة ويب مع مجموعات من الصفحات الفرعية، أو حتى الصفحات الفرعية الفردية التي لديها فريدة من نوعها ...
يغذي أكس محلل استضافة جملةما هي XML الملف؟ لغة التوصيف الموسعة، أو XML هي واحدة من الصيغ المفتوحة الأكثر استخداما لتخزين وتنظيم، والتلاعب ونقل البيانات. أحد الأمور المهمة...