خط مخصص و CMS

Question

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

لقد تلقيت الملف - إنه ملف خط تروتايب.

سنكون استخدام CMS المستندة إلى PHP لبناء الموقع.

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

يجب أن أعطي @ font- وجه دوامة؟ استخدم PHP لإنشاء صور على الخادم؟ sifr؟ من المحتمل أن يكون هذا الموقع موجودا للحظة، لذلك أود أن أكون مهما أميلا قدر الإمكان. في الوقت نفسه، أود أن أكون متأكدا حقا ولا يمكن لأحد استخدام الخط على مواقع الويب الخاصة به أو تنزيل نسخة.

بعض المعلومات الأساسية على موقعه الحالي الحالي: موقع مشغول بشكل معقول مع حوالي 500 مرة (عرض صفحة 2000) يوميا.

احصائيات المتصفح:

أي: 48٪ (10٪ من المستخدمين IE على IE6، 42٪ على IE7، 48٪ على IE8)

FF: 32٪ (38٪ من تلك الموجودة في 3.5.5، 29٪ على 3.0.15، 11٪ على 3.5.4، 4٪ على 2.0.0.20، و 5٪ في 3.5.2)

سفاري: 17٪ (53٪ من تلك الموجودة في 531.9، 13٪ على 531.21.10، 7٪ على 528.16، 5٪ على 525.22 و 4٪ في 530.19)

كروم: 2٪ (41٪ من تلك الموجودة في 3.0.195.33، 31٪ على 3.0.195.27، 21٪ على 3.0.195.32 و 4٪ على 4.0.223.16)

Answer 1

الحل الأسهل هو استخدام @font-face طريقة. إذا قمت بتضمين تنسيق Microsoft فقط (.eot)، فسوف يعمل في أي متصفح.

تحقق من بعض هذه المقالات على استبدال الخط.

http://www.zeldman.com/2009/12/02/Bulletproof-font-fast-face/ http://www.smashingmagazine.com/2009/12/01/How-To-Support-Enternet-Explorer-and-still-be-cutting-edding- http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

يمكنك استخدام هذه الأداة من Microsoft لتحويل خطك إلى .eot (التنسيق الحاجة إلى IE)

http://www.microsoft.com/typography/weft.mspx.

ال @font-face لا تتطلب الأسلوب JavaScript أو Flash، مثل تقنيات SIFR و Cufon المذكورة سابقا، فهل أكثر سهولة في الوصول إليها.

إنه تماما سيو ودية و القابلة للتطوير.

Answer 2

سأحاول كوفون. وبعد لن تكون المحرف "محميا". ولكن سيتطلب ذلك قليلا من الجهد التقني لتحويل محرف كوفون الذي تم إنشاؤه مرة أخرى إلى وجه تروتايب أو OpenType.

Answer 3

الطريقة التي أوصي بها هي استبدال INMAN Flash قابل للتطوير (SIFR)، والتي يمكنك العثور عليها هنا: http://www.mikeindustries.com/blog/sifr/

الأسلوب الآخر الشائع، لكنني لم أستخدمه شخصيا أبدا، هو استبدال صورة PHP. كلاهما يحتاج إلى استخدام البرامج النصية، لذلك لن يعمل مع أشخاص يستخدمون noscript وأنا أعلم أن SIFR لن يعمل مع كتلة الإعلان بالإضافة إلى ذلك، ولكن كما تقول، نسبة كبيرة من السوق التي ستعمل على ما يرام وتبدو رائعة.

Answer 4

هناك خياران (بصرف النظر عن Sifr و Cufon كما لاحظ الآخرون):

حدد خط مخصص عبر CSS:

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src.

إنشاء صور ثابتة:

كما لاحظت إنشاء صور لكل رأس باستخدام الخط المخصص - فهذا من شأنه أن يقدم أيضا عقبة لأي شخص يريد نسخ الخط. (بالطبع، يمكنهم دائما تتبع الخط من الرسومات التي تحتوي على الخط وإنشاء TTF بسهولة منه).

الضربة الرئيسية ضد هذا السؤال هو ما يلي:

"أود أن أكون متأكدا حقا، لا يمكن لأحد استخدام الخط على مواقع الويب الخاصة به أو تنزيل نسخة"

حقا؟ بدون استخدام الصور الثابتة / الفلاش / SIFR / CUFON، سيحتاج المستخدم إلى تنزيل نسخة من الخط إلى جهاز الكمبيوتر الخاص بهم من أجل تقديم الخط في متصفح الويب الخاص بهم. بمجرد إعطاء نسخة للمستخدم، لا يمكنك أن تتوقع حقا التحكم في ما إذا كانوا يستخدمونه على موقع الويب الخاص بهم. مرة أخرى، إنه تافهة لنسخ خط من صورة ثابتة وإنشاء TTF لجميع أنحاء العالم لنسخ المواقع http://www.dafont.com/ للحصول على أمثلة من الخطوط الشهيرة المنسوخة (كمثال، خط Tranformers: http://www.dafont.com/search.php؟psize=m&q=Transformers.)

Answer 5

@ وجه الخط يعمل بشكل رائع بالنسبة لي. يوجد مولد هنا حيث يمكنك تحميل الخط الخاص بك، ثم سيوفر لك جميع التنسيقات والرمز الذي ستحتاج إليه: http://www.fontsquirrel.com/fontface/generator.