مع تطور الويب اصبح من الممكن تضمين الخطوط فى صفحات المواقع حتى إذا لم تكن موجودة لدى من يشاهد الموقع.
ويمكن لصاحب الموقع استضافة الخطوط التي يستعملها في موقعه على الموقع نفسه، أو استخدام أحد الخدمات التي تستضيف الخطوط . واشهر هذه الخدمات هى خدمة خطوط جوجل Google Fonts. وتتميز بسهولة تضمين الخطوط في موقعك وتوفيرها لقدر كبير من الخطوط.
والخبر الجديد هنا أنه بدأت خدمه خطوط جوجل فى توفير خطوط عربيه لإستخدامها فى المواقع العربيه ، وهم الآن في مرحلة الاختبار.
وبالتالى اذا كنت صاحب موقع منتدى او مدونه يمكن تجربه هذه الخطوط الجديده وهى رائعه بالمناسبه على موقعك.
مثال لخطوط جوجل : ستايل رقم 5 فى موقع منتدايا سوف تجد ستايل الموقع يستعمل مزيج من خط الدرويد الكوفى وخط الدرويد النسخ .
ويتوفر الآن ستة خطوط العربية وهم :
الخط الأميري الرائع
خط الدرويد الكوفي
خط الدرويد النسخ
خط لطيف
خط شهرزاد
وأخيراً خط "ثابت" وهو خط ذو عرض محدد (fixed-width font).
أمثله على الخطوط
تستطيع استخدامهم وتضمينهم في موقعك من خلال الرابط التالي :
Google Web Fonts : Early Access
أولا الدخول على موقع خطوط جوجل ونسخ رابط ملف الخط المطلوب الموجود باسفل اسم ووصف الخط - مثلا اذا قررت استخدام خط الدرويد الكوفى سيكون كالتالى :
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
ثانيا اذا كنت تستخدم ملف .css خارجى لموقعك فقم بفتحه والصق فى اوله الرابط السابق الذى نسخته من موقع خطوط جوجل
اما اذا لم تكن تستخدم ملف css فتوجه الى صفحات موقعك وبين وسمى رأس الصفحه قبل :
الصق الكود التالى :
<style type="text/css">
@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);
</style>
ثالثا تحديد اسم الخط واستخدامه مع النص - واسم الخط المطلوب يجب ان يكون كما هو مكتوب فى موقع خطوط جوجل اسفل رابط الخط - مثلا فى حالتنا هذه خط الدرويد الكوفى سيكون :
[p]
Droid Arabic Kufi</pre>
فيكون الكود كالتالى :
.style1 {
font-family:Droid Arabic Kufi;
}
مع تغيير style1 بما يتناسب مع صفحتك او الستايل الذى تستخدمه
[p]
وهكذا مع باقى الخطوط .. وكل ما تحتاجه من موقع خطوط جوجل هو رابط ملف الخط واسم الخط نفسه ثم تقوم بتضمينه فى موقعك كما سبق الشرح
</pre>
شرح فيديو لإضافه الخطوط الى منتديات pbboard ومدونات ورد بريس
مع اطيب تحياتى