/ , / تعلم طريقة تركيب خطوط الويب فى مدونتك بنفسك شرح مبسط

تعلم طريقة تركيب خطوط الويب فى مدونتك بنفسك شرح مبسط





السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا بسيط من مدونة مدون عن كيفية اضافة خطوط الويب خطوط عربية من جوجل لمدونات بلوجر وهذه الخطوط شغالة على جميع المتصفحات ومن افضل الخطوط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 تعليقات:

    1. شكرا أستاذ هادى تسلم ايدك لهذه المعلومات

      ردحذف
    2. حد يساعدني في تغيير الخطوط عبر كود html الخاص بصفحتي لأني مش فاهم حاجة

      ردحذف
    3. أخى اذا كنت تريد تغير خط مدونتك ابحث عن هذا الكود

      font family:
      وغير نوع الخط

      ردحذف
    4. ماضبطت عندي انا حملت قالب جديد وبعدها لااستطيع تغيير الخط هل من حلول

      ردحذف
    5. أخى إتبع جيدا الخطوات السابقة وإن شاء الله راح تظبط معك

      وأى إستفسار موجود

      ردحذف
    6. مشكور ولكن أريد الخط الذي تكتب فيه في مدونتك

      ردحذف
      الردود
      1. هو نفس الخط المستخدم فى التدوينة أخى

        حذف
    7. السلام عليكم
      حاولت تغيير خط مدونتي بأكثر من طريقة ، ولا فائدة.
      فما المسكلة؟
      ولماذا تحتفظ المدونة بنفس الخط ؟؟

      ردحذف
      الردود
      1. وعليكم السلام ورحمة الله وبركاتة
        أختى العزيزة إذا تابعتى الخطوات بشكل دقيق راح تتم العملية بنجاح أو ممكن ترفقى القالب وسنقوم باللأزم

        حذف

يتم التشغيل بواسطة Blogger.