السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا بسيط من مدونة مدون عن كيفية اضافة خطوط الويب خطوط عربية من جوجل لمدونات بلوجر وهذه الخطوط شغالة على جميع المتصفحات ومن افضل الخطوطhttp://mdwanblog.blogspot.com/ الموجود العربية خط الكوفي وهو من أفضل الخطوط
على الإطلاق لانة يتميز بوضوحة وأيضا يظهر لجميع المتصفحات والآن لطريقة التركيب وهى سهلة جداً.
لاضافة الخط اول شيئ اذهب الى صفحة الخطوط من هنا ستجد الكثير من الخطوط بلغات اخرى انتا اختر الخط الموجود بجانبه Arabic وانا انصح بخط Droid Arabic Kufi الان اذهب الى لوحة التحكم بلوجر واذهب الى قالب ومن ثم تحرير HTML وابحث عن هذا الكود
<head>
وضع تحته مباشرة هذا الكود
<link href='رابط الخط' rel='stylesheet' type='text/css'/>
رابط الخط نحصل عليه مثل هذا المثال
نفترض ان نريد خط Droid Arabic Kufi ننسخ الرابط بالطريقة التالي مثل ما هو موجود في المربع
http://fonts.googleapis.com/earlyaccess/droidarabickufi.css
ليصبح الرابط بالشكل التالي
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
والخطوة الاخيرة وهي ادراج الخط ضمن المدونة ننسخ اسم الخط Droid Arabic Kufi ونبحث عن Font-family سيكون موجود بجانبه اسماء لخطوط مثل Arial, Helvetica, Sanserf الخ.. واستبدل الخط الذي تريده بالخطوط الموجود لديك
واذا اردت الخط لكل المدونة كل ما عليك هو البحث عن الكود التالي body ليبح بالشكل الاتي
body { font-family: 'Droid Arabic Kufi', tahoma ,arial; }
المصدر|مدونة محمد عماد
10 تعليق على { تعلم طريقة تركيب خطوط الويب فى مدونتك بنفسك شرح مبسط }
2 فبراير 2013 في 5:28 ص [حذف]
شكرا أستاذ هادى تسلم ايدك لهذه المعلومات
4 فبراير 2013 في 1:18 م [حذف]
حد يساعدني في تغيير الخطوط عبر كود html الخاص بصفحتي لأني مش فاهم حاجة
4 فبراير 2013 في 5:17 م [حذف]
أخى اذا كنت تريد تغير خط مدونتك ابحث عن هذا الكود
font family:
وغير نوع الخط
25 فبراير 2013 في 4:47 ص [حذف]
شكرا على الإضافة
4 مارس 2013 في 3:20 م [حذف]
ماضبطت عندي انا حملت قالب جديد وبعدها لااستطيع تغيير الخط هل من حلول
5 مارس 2013 في 4:20 م [حذف]
أخى إتبع جيدا الخطوات السابقة وإن شاء الله راح تظبط معك
وأى إستفسار موجود
21 يوليو 2013 في 2:00 ص [حذف]
مشكور ولكن أريد الخط الذي تكتب فيه في مدونتك
21 يوليو 2013 في 4:06 ص [حذف]
هو نفس الخط المستخدم فى التدوينة أخى
27 سبتمبر 2013 في 3:59 ص [حذف]
السلام عليكم
حاولت تغيير خط مدونتي بأكثر من طريقة ، ولا فائدة.
فما المسكلة؟
ولماذا تحتفظ المدونة بنفس الخط ؟؟
27 سبتمبر 2013 في 8:34 ص [حذف]
وعليكم السلام ورحمة الله وبركاتة
أختى العزيزة إذا تابعتى الخطوات بشكل دقيق راح تتم العملية بنجاح أو ممكن ترفقى القالب وسنقوم باللأزم
هل تريد التعليق على التدوينة ؟