الكثير من العلماء يرى أن هذه التقنية ستكون المستقبل للخطوط في صفحات الويب و هي تقنية ظهرت حديثا ً من فترة أشهر بحيث تسمح بعرض أي خط font نريده ضمن صفحة الويب و عرض الصفحة على أجهزة المستخدمين مع ضمان عمل ذلك الخط دون أن يكون ذلك الخط موجودا ً على جهاز المستخدم , هذه التقنية تسمى Web Fonts . مبدأ عمل هذه التقنية هو تحميل الخط المفقود بشكل أوتوماتيكي لحظة طلب الصفحة , فعند طلب صفحة تستخدم تقنية الـ Web fonts و تتضمن خط معين غير موجود على جهاز المستخدم سيتم تحميل ذلك الخط مع الصفحة و تنصيبه بشكل أوتوماتيكي على جهاز المستخدم و بذلك سيتمكن المستخدم من رؤية الخط المطلوب ضمن صفحة الويب لأنه أصبح خطً منصبا ً شأنه شأن أي خط آخر موجود على جهازه .
هناك العديد من المشاكل في هذه التقنية ... أولا ً حجم التحميل , فحجم تحميل الخط يمكن أن يكون كبيرا ً و يبطئ تحميل الصفحة ... ثانيا ً رخصة الاستخدام فشركات الخطوط لم تكن ترغب بجعل خطوطها تنصب على أي جهاز يقو بزيارة الصفحة دون دفع التكاليف لأن تنصيب الخط على جهاز المستخدم سيمكنه من استخدامه كما يشاء . تقنية الـ Web fonts تعتمد على الـ CSS3 حصرا ً لأنها تربط مع صفحة الويب بواسطة @font-face rule ضمن الـ CSS3 .
هذه الخطوط يتم تحميلها على سيرفرات خاصة و من ثم لحظة عرض الصفحة سيتم طلب هذه الخطوط من السيرفر ليتم تحميلها , تماما ً كما نضع ملفات الصور و الجتفا سكريبت ضمن ملفات منفصلة و يتم تحميلها مع الصفحة عند طلبها , و لكن الفرق هنا أن الخطوط يجب أن تتم استضافتها على سيرفرات محددة تقدم هذه الخدمة . إن هذه الميزة موجودة فعليا ً في الـ CSS2 و لكنها كانت موضع خلاف لدى مصنعي الخطوط لأن هذه التقنية تسمح بتحميل الخط على جهاز المستخدم مما أثار مخاوف شركات تصنيع الخطوط , و لكن في CSS3 تم حل هذه المشكلة القانونية بطريقة ما باستخدام لواحق خطوط مخصصة و هي :
• TrueDoc
• Web Open Font Format WOFF و هو نوع حديث جدا ً لا يزال في مرحلة التطوير و هو المرشح الأقوى ليصبح النوع القياسي لخطوط الويب حسب توصيات جمعية الـ W3C ... العنوان التالي هو مسودة هذا الخط من موقع جمعية الـ W3c
إن الميزة الأساسية في في جميع الأنواع السابقة للخطوط هي مراعاتها للحجم فهي جميعها تحاول ضغط ملف الخط للتقليل من حجمه كون الخط سيتم إرساله مع صفحة الويب .هناك العديد من الشركات التي توفر خدمة الـ Web fonts بأجور زهيدة , أو حتى بالمجان و لكن مع بعض القيود . google توفر خدمة مجانية للـ web fonts و لكنها لا تزال في مرحلة تجريبية Beta هذه الخدمة موجودة على العنوان التالي http://code.google.com/webfonts
الصفحة التالية تحوي مقالة غنية جدا ً تضم معاينة لأشهر الشركات في مجال خدمة الـ web fonts مع محاسن و مساوئ كل منها
http://www.smashingmagazine.com/2010/10/20/review-of-popular-web-font-embedding-services/
مصدر المقالة ..... googling ... :P
أنا بصراحة جربت هذه التقنية و لكني وجدتها تبطئ من تحميل الصفحة لأن حجم ملف الخط قد يكون كبيرا ً نسبيا ً .. مثلا ً 50 كيلو بايت ... الطريقة التي استخدمتها لم تكن تعتمد على الـ CSS بل على الجافا سكريبت و مشكلتها أن تحميل الصفحة لا يتم حتى يتم تنفيذ كود الجفا سكريبت بالكامل و الحصول على الخط و هذا بطأ من سرعة تحميل الصفحة على جهازي .. الحل لهذه المشكلة كان بوضع تعليمة الجافا سكريبت التي تقوم بجلب هذا الخط في نهاية وسم الـ Body في الـ HTML و بذلك يتم تحميل الصفحة بأكملها و من ثم يتم تحميل الخط ... ولكن أيضا ً هذه الطريقة لها مشكلتها فعند تحميل الصفحة لن يكون الخط منصبا ً لذى ستظهر الصفحة بالخطوط العادية و عند الوصول لنهاية الـ Body و تحميل الخط سيتم عمل refresh أوتوماتيكي للصفحة كي يتم أخذ الخط الجديد و هذا مزعج جدا ً !! :wacko: