مجموعة خطوط عربية إحترافية للمواقع مع الشرح

مجموعة خطوط عربية إحترافية للمواقع مع الشرح

يوجد الآن 10902 مشاهدة التعليقات : 25

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

عدت من جديد مع تدوينة جديدة تتمحور حول خطوط الويب العربية والتي فيها سأقدم لكم شرح كامل حول إضافة الخطوط بأسهل طريقة أيضا توجد مجموعة من الخطوط الراقية والجميلة لتختار بينهم تعمل على جميع المتصفحات من جوجل كروم إلى الأنترنت إكسبلور ، سبق وقدمت خط في تدوينة لكن لم أقدم الشرح مفصل ولهذا عدت وقررت أن أشارككم هاته الخطوط مع الشرح والتي ستضفي لمدونتك رؤية عميقة لزائر نبدأ على بركة الله
الموقع المستخدم للحصول على الخطوط هو موقع ديفنيا
الدخول للموقع

شرح طريقة التركيب
* في الموقع يوجد الكثير من الخطوط بعد إختيارك لأحد الخطوط ، إضغط على إستخدام بعدها سيظهر لك كود الخط و إسم الخط
1. توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن : <head/>
3. ضع كود الخط فوقة
4. في أخر الكود عليك إضافة رمز سلاش : /
مثال:
 rel="stylesheet"/>
* وهكذا بإضافة رابط الخط مع السلاش عند حفظ القالب لن تواجهك مشكلة ، تتبقى لنا خطوة واحدة وهي تطبيق الخط على المدونة
1. إبحث عن : } body
2. في أسفل الكود قد ترى إسم : font-family بجانبه يوجد إسم الخط القديم غيره بإسم الخط الذي إخترته ويجب ألا تحذف الفاصلة والنقطة في أخر الخط
* في حالة لم تجد font-family في } body يمكنك إضافته هكذا : font-family ثم أمامه أضف الخط مع الفاصلة والنقطة ;
هكذا سيطبق الخط على القالب بالكامل ، بعض القوالب توجد به الخطوط منفردة ويمكن إضافة كل خط على شكل مثل لعناوين
المواضيع أو لتسميات وهكذا أيضا يجب البحث في القالب عن font-family والتي ستجدها مكررة يتحتم عليك إضافة إسم الخط
ولا تنسى أن تراعي الفاصلة والنقطة ; بدونها لن يطبق الخط
في الأخير أتمنى أن يكون الشرح مفهوم للمبتدئين وأي إستفسار يمكن طرحه في صندوق التعليقات
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 25 تعليقًا:

  1. لكن كيف اقوم قم بغلق ديف ال link في الكود

    ردحذف
    الردود

    1. فقط إضافة رمز سلاش بأخر الوسم هكذا </

      حذف
    2. اوك شكرا لك

      حذف
  2. لم تظبط معى الخط ما زال مخرب يمكنك المعاينة :
    http://www.shahid4mix.com
    ممكن أرفع القالب لك لتعدل عليه ؟

    ردحذف
    الردود
    1. لم ألاحظ شيئ
      مالخطوات التي قمت بها

      حذف
    2. أضفت الكود أعلى head :
      الكود الخاص بـ الخط وفى النهاية علامة سلاش </
      وغيرت أسم الخط الى الخط الخاص بالكود أمام "font-family"

      حذف
    3. ضع الكود فوق <head/

      بالسلاش

      حذف
    4. تم الحل فى بعض المناطق والبعض لا !!

      حذف
    5. عليك بتكرار البحث عن : font-family ووضع الخط

      حذف
  3. شكراً أخيلك لكن أنا أريد تطيبق الخط على المواضيع فقط (صفحة المواضيع و الصفحات الثاابتة) ماذا أفعل ؟
    و شكراً لك ..

    ردحذف
    الردود
    1. ابحث عن .post-body ثم أعثر على font family في السطور الموازية أو التي تحيط به وادخل سم الخط مكان الموجود

      حذف
  4. ممكن اسم الخط الانكليزي في قالب Lycoris

    ردحذف
  5. M Khdio4/03/2015

    بعد تغير الخط تداخلت النصوص من صفحة المحتوي مع البار الجانبي

    ردحذف
  6. مشكلة في قالبك ولا علاقة لها بالخط

    ردحذف
  7. انا لدي خط عربي بالمدونة ولكن اذا اضفت خط انجليزي سيعمل بجابن الخط العربي وارجو الرد بسرعو وشكرا لك علي المجهود الرائع الذي تقدمة في جميع مواضيعك
    للمعاينة http://www.computeech.blogspot.com

    ردحذف
    الردود
    1. أضف الخط الأجنبي أولا ثم ضع فاصلة ثم ضع الخط العربي مثال: robot,droidarabickufi

      حذف
  8. الموقع غير شغال

    ردحذف
    الردود
    1. نعم، للآسف لا يوجد بديل حاليا

      حذف
  9. ما نوع الخط المستخدم فى مدونتك وكبف اركبة فى مدونتى وشكرا

    ردحذف
  10. شكراً جزيلاً

    لكن هل يمكني إضافة الخط لقائمة الخيارات التي يتم منها إختيار الخطوط ؟

    ردحذف
    الردود
    1. لا أعرف لكن يمكنك التجربة

      حذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم