السلام عليكم
تضمين الخطوط في صفحات ويب
الطريقة المثالية لتضمين خطّ غير تقليدي في صفحة ويب، هو أن تولد رسماً من النصّ بالخط المطلوب، ثمّ تدخل الرسم في صفحة HTML تلك. لكن بينما تعمل هذه الطريقة بشكل جيد جداً عند استخدامها للعناوين القصيرة، إلا أنها تصبح أسلوباً رديئاً بالنسبة للنصوص الأطول، لأن الرسم الناتج سيتطلّب وقت تنزيل إضافي، ولأن تحرير النصوص المرسومة بهذا الشكل، أصعب كثيراً من تحرير النصّ القياسي. وما يزيد من سلبيات هذه الطريقة أنها تجعل فهرسة النص عبر محركات البحث ضرباً من المستحيل.
البديل عن تلك الطريقة هو أن تضمن الخطوط في وثيقة ويب، بحيث يعرضها المتصفح حتى إذا لم تكن مركبة على نظام المستخدم. ويوجد حالياً خياران لعمل ذلك: الأول استخدام أداة مايكروسوفت لتضمين الخطوط Web Embedding Fonts Tool (WEFT)، التي تسمح بإنشاء ملفات خطوط بهيئة Embedded Open Type (EOT)، لإرسالها إلى مزود ويب الخاص بك، ما يسمح لمتصفح إنترنت إكسبلورر 4.0 أو ما بعده بعرضها. الخيار الثاني استخدام تقنية Bitstream التي تقدم حلاً مختلفاً، يسمح لك بتضمين خطوط مرئية في إنترنت إكسبلورر، أو نتسكيب نافيجيتور 4 (لكن ليس الإصدارة 6 و7)، عبر الإشارة إلى ملف Portable Font Resource (PFR) على موقع TrueDoc :
www.truedoc.co أو على مزود ويب آخر. تتوفر أداةMicrosoft WEFT 3.2 مجّاناً للتنزيل من الصفحة
www.microsoft.com/typography/web/embedding/weft3.. وتستطيع بهذا البرنامج الخدمي، أن تنشئ ملف EOT، لكلّ خطّ ترغب في تضمينه، ثمّ تكتب شيفرة الصفحات للإشارة إلى ملفات الخطّ، عبر إضافة العنصر STYLE إلى الصفحة. ويأخذ هذا العنصر الشكل التالي:
@font-face {
font-family: fontname;
font-style: italic;
font-weight: normal;
src: url(fontname.eot); }
-->
يتضمن عنصر عائلة الخطّ اسم الخطّ المشار إلى ملف EOT، الخاص به في السطر src: url. وعندما يحمّل زائر الصفحة، يعلم إنترنت إكسبلورر أن عليه البحث عن الملف Fontname.eot، عندما يصادف نصّاً يطلب إظهاره بالخطّ المعني.
انقر لمُشاهدة الصورة
يحتوي البرنامج الخدمي WEFT، على مجموعة من البرامج الإرشادية، مع نظام مساعدة جيد يوجّهك خلال العملية. وتبدأ العمل فيه بالإشارة إلى موقعك، حيث ينجز تحليلاً للخطوط. ثم تعين الخطوط التي ترغب بتضمينها خلال خطوات البرنامج الإرشادي، إلى أن ينشئ WEFT، ملف EOT المناسب معتمداً على خياراتك. وعليك أن تكمل العملية بإضافة حاوية STYLE المبينة سابقاً إلى كلّ صفحة في الموقع. وتستطيع بعد ذلك اختبار الصفحات بدخول الموقع عبر نظام ليس فيه الخطوط المتضمنة.
بالمقابل تتوفر خطوط TrueDoc الديناميكية ضمن ملفات Portable Font Resource (PFR). وتوفر Bitstream عدّة ملفات FPR على موقعها للاستخدام المجّاني في صفحاتك على ويب، بينما تتطلب أن تستضيف ملفات PFR على موقعك عند استخدام هذه الطريقة في التطبيقات التجارية.
تعمل تقنية Bitstream بواسطة واصفتي SCRIPT، وLINK، في حاوية HEAD، من وثيقة HTML، وواصفات FONT، ضمن حاوية BODY. يشير خطّ SCRIPT إلى تطبيق جافاسكريبت على موقع TrueDoc لعرض الخط، بينما تشير واصفات LINK، إلى ملفات PFR معيّنة يحتاجها المتصفّح لرسم الخطوط على الصفحة. تحيط واصفات FONT، بكل كتلة نصّ تعرض بواسطة ملف PFR، بينما تعين الواصفة FACE، الخطّ والصفات الأخرى، مثل الحجم SIZE، واللون COLOR، ما يضبط شكل الخطّ تماماً. تستطيع أيضاً استخدام صفحات الأنماط المتعاقبة (CSS) لتطبيق الخطوط باستخدام خاصة عائلة خطّ CSS.
استخدام أنواع مختلفة من الخطوط يطرح دائماً مسألة ملكية الخطّ. فبسبب الطريقة التي نستخدم فيها الخطوط، أي ندائها من داخل التطبيقات، يمكن أن ننسى بسهولة أن تلك الخطوط ليست للملك العامّ. في حالة TrueDoc، تقدم Bitstream تقنية تدعى DockLock لربط ملفات PFR إلى مزود ويب الخاص بك، والسماح للوثائق الواقعة في ذلك المزود فقط بتشكيل تلك الخطوط. لأن برنامج WEFT يعتمد على على ملفات EOT المخزنة على مزود ويب، فإنه يعمل الشيء ذاته. لكنه يقدم مرونة أعظم بالسماح بإمكانية إنتاج أيّ خطّ على شكل ملف EOT، طالما أن الخطّ مصمم من قبل مالك/مصمم الخطّ كي يكون مضمناً. يحدد WEFT، إمكانية التضمين أثناء عملية تحليله، أو تستطيع فحص الخطوط يدوياً على أنظمتك بتنزيل وتركيب Font Properties Extension من موقع
www.microsoft.com/typography وتفحص صندوق حوار خصائص الخطوط في مجلد الخطوط على نظامك.
يبدو تضمين الخطّوط تحسيناً واضحاً لمصّمّمي ويب الذي يصعب عليهم قليلاً فهم لماذا لم ينتشر على نطاق واسع أكثر. ربما تكون ملكية الخطوط أحد الأسباب، والسبب الآخر قد يكون أن أياً من الحلّين الحاليين لا يعمل مع المتصفّحات الحديثة باستثناء إنترنت إكسبلورر. لكن إذا تذكرت أن العديد من المصّمّمين ينشؤون وثائق منفصلة لكل من إنترنت إكسبلورر ونتسكيب، وأن إنترنت إكسبلورر هو المتصفّح المهيمن، فإن الأمر يستحقّ تجربة TrueDoc أو WEFT، كحلّ عملي لمشكلة تصميم مستديمة.
ملاحظة ******************
منقول من
http://www.pcmag-arabic.com/article....ZpkAypnnEuUnpZ