لاستخدام خط الويب على الموقع أو المدونة يجب القيام بخطوتان
الخطوة الأولى
تضمين رابط الخط و ذلك بإضافة كود التضمين في وسم الهيد الخاص بالصفحة
لعمل ذلك توجه للأمثلة بالأسفل و انسخ كود التضمين للخط المراد تطبيقه و ضعه بعد <head>
لتطبيق خط Droid Arabic Kufi مثلا نضع
<head>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
</head>
الخطوة الثانية
الإشارة إلى اسم الخط في كود النسق الخاص بالنص المراد تطبيق الخط عليه
و لعمل ذلك توجه مرة أخرى للخط الذي اخترته و انسخ اسمه و ضعه في في النسق الخاص بالنص
لتطبيق خط Droid Arabic Kufi مثلا نضع
font-family : Droid Arabic Kufi;
مثال خط 1
اسمه
Amiri
كود التضمين
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
توضيح
هذا هو الخط الأميري
مثال خط 2
اسمه
Droid Arabic Kufi
كود التضمين
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
توضيح
هذا هو الخط درويد عربي كوفي
مثال خط 3
اسمه
Droid Arabic Naskh
كود التضمين
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
توضيح
هذا هو الخط عربي نسخ
مثال خط 4
اسمه
Scheherazade
كود التضمين
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
توضيح
هذا هو الخط شهرزاد
مثال خط 5
اسمه
Lateef
كود التضمين
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css'/>
توضيح
هذا هو الخط لطيف
مثال خط 6
اسمه
Droid Arabic Naskh
كود التضمين
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css'/>
توضيح
هذا هو الخط درويد عربي نسخ
مشكور يعطيك العافية مزيد من موضيع بلوجر
ردحذفالعفو أخي أهلا بك
ردحذف