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

موقع صن سيتدخول

شرح اضافة كود الخط الكوفى فى منتداك

power_settings_newقم بتسجيل الدخول للرد

02062017
شرح اضافة كود الخط الكوفى فى منتداك

بسم الله الرحمن الرحيم
كل عام وانتم بخير ورمضان كريم
اليوم اقدم لكم كود اجمل الخطوط للمنتدى

كود وطريقة اضافة الخط Arabic Kufi الكوفي للموقعك

كما هو موجود في هذا صن سيت
خط
اولا نذهب الى  لوحى الادارة المنتدى
ومن بعد نختار مظهر المنتدى

الصور والالوان


الالوان

ونختار مربع الخط الموجود  ونضع فيه هذه الجملة

الكود:

    Droid Arabic Kufi'

ضعها في الثلاث مرابعات حتى يكون الخط للمنتدى بشكل عام


شرح اضافة كود الخط الكوفى فى منتداك Question2 نوع خط كتابة العناوين :شرح اضافة كود الخط الكوفى فى منتداك Question2 نوع خط الكتابة على المنتدى :شرح اضافة كود الخط الكوفى فى منتداك Question2 نوع خط كتابة الأكواد :


ونضغط على سجل


 ومن بعد نذهب  ورقة السي اس اس 

CSS
 ونضع فيه هذا الكود



الكود مخفى للرد
وهنا انواع الخطوط مع رمزه



الكود:

 http://www.google.com/webfonts/earlyaccess


تعاليق

صديق بشير
Thank
elyusr
Thank
Nader Tito
مشكور
عاشق ولهان
شكرا
يشهب
 بسم الله الرحمن الرحيم
 السلام عليكم و رحمة الله و بركاته


 درس مفيد جداً و مهم بالرغم أنه منذ مدة طويلة.
 أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
 عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
 لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
 لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (Tahoma, Arial, Sans Serif.. إلخ). و مؤخراً أصبح الخط الكوفي (Droid Arabic Kufi) هو الاتجاه السائد في عالم المواقع العربية.

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

 أولاً: كيفية تركيب الخطوط

 طريقة تغيير الخطوط سهلة جداً و بسيطة. قديماً كان يتوجب علينا أن نرفع النصوص على هيئة صورة مما ساهم في ثقل تحميل المواقع بشكل كبير.
 اليوم سنقوم باستخدام تقنية الـ CSS بشكل رهيب.

 سنقوم بإضافة الخطوط لملف الـ CSS بالطريقة التالية

الكود:

/*For more Codes: https://nf-son.ahlamontada.com*/@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@900&display=swap');

.

 ثانياً: كيفية استخدام الخط

نقوم بإضافة الكود التالي للنص الذي نريد تطبيق الخط عليه


الكود:

font-family: 'Cairo', sans-serif;


.

ثالثاً: تطبيقات جاهزة

هنا أمثلة لتصاميم أعمل عليها حالياً. أرجو أن تعجبكم


المثال الأول

 .
المثال الثاني
.

رابعاً: مكتبات التحميل

و أضع لكم كنز من الخطوط العربية الرائعة هدية مني لإخواني المصممين الكرام.

https://www.fontface.me
https://fonts.google.com
المصدر


لكم مني كل الود و التقدير؛
boualem02
شكرا على المجهود
power_settings_newقم بتسجيل الدخول للرد
remove_circleمواضيع مماثلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top