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

دخول
مرحب شهر الصوم

العديد من الخدمات للمواقع و المنتديات


descriptionاجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyاجعل الاستايل متألق مع هذه الحيلة البسيطة

more_horiz
عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
 بسم الله الرحمن الرحيم
 السلام عليكم و رحمة الله و بركاته


 إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
 أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
 عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
 لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
 لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (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

لكم مني كل الود و التقدير؛


عدل سابقا من قبل keko_ferkeko في الخميس أبريل 22, 2021 2:30 pm عدل 1 مرات


.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
اجعل الاستايل متألق مع هذه الحيلة البسيطة Last10

descriptionاجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyرد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

more_horiz
عضو متميز
مشارك بأكثر من 200 مشاركة
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
الله يعطيك العافية على هالشرح الجميل
جزاك الله خيرا


لذيذ  Keep Calm & Be Professional  لذيذ

descriptionاجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyرد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

more_horiz
عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
prox كتب:
الله يعطيك العافية على هالشرح الجميل
الأجمل مرورك و التعليق.. دمت بود  يبتسم


.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
اجعل الاستايل متألق مع هذه الحيلة البسيطة Last10

descriptionاجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyرد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

more_horiz
أحسنت النشر
بارك الله بك

descriptionاجعل الاستايل متألق مع هذه الحيلة البسيطة Emptyرد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

more_horiz
عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
و بارك فيك.. نورت الموضوع  يبتسم


.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
اجعل الاستايل متألق مع هذه الحيلة البسيطة Last10
انتقل الى:  
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد