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

+6
sbark
حياة القلوب
AsHeK EgYpT
Mahmoud Gilany
المحترف الذهبي
يشهب
10 مشترك
يشهب

يشهب

عضو جديد
البلد :
مصر
الجنس :
ذكر
المساهمات :
73
العمر :
31
السٌّمعَة :
15
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
 بسم الله الرحمن الرحيم
 السلام عليكم و رحمة الله و بركاته


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

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

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

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

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

الكود:

@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

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

khairanynabil يعجبه هذا الموضوع

المحترف الذهبي

المحترف الذهبي

نائب الإدارة
الجنس :
ذكر
المساهمات :
896
العمر :
28
السٌّمعَة :
30
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
 
Mahmoud Gilany

Mahmoud Gilany

مشرف سابق
البلد :
مصر
الجنس :
ذكر
المساهمات :
444
العمر :
32
السٌّمعَة :
4
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
مشرف سابق
لقد كان هذا العضو جزءًا من فريق العمل سابقاً!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
اجعل الاستايل متألق مع هذه الحيلة البسيطة 2841771464
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805 
شكرا لك اخى الكريم
كود اكثر من رائع
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805
اجعل الاستايل متألق مع هذه الحيلة البسيطة 3188546290
 
يشهب

يشهب

عضو جديد
البلد :
مصر
الجنس :
ذكر
المساهمات :
73
العمر :
31
السٌّمعَة :
15
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
المحترف الذهبي كتب:
بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك

شكراً لك على مرورك و ردك الرقيق.
دمت بود؛  Cool
 
يشهب

يشهب

عضو جديد
البلد :
مصر
الجنس :
ذكر
المساهمات :
73
العمر :
31
السٌّمعَة :
15
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
Mahmoud Gilany كتب:
شكرا لك اخى الكريم
كود اكثر من رائع 

الشكر موصول لك على مرورك و التعليق.. نورت الشرح. و أرجو أن تكون قد استفدت منه  Cool
 
رد

Ghostface يعجبه هذا الموضوع

AsHeK EgYpT

AsHeK EgYpT

نائب الإدارة
البلد :
مصر
الجنس :
ذكر
المساهمات :
1947
العمر :
26
السٌّمعَة :
39
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو ودود
لقد أضاف هذا العضو العديد من أعضاء المنتدى كأصدقاء!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
تسلم يداك أخي رائع جدا .. استمر 
 
حياة القلوب

حياة القلوب

اسد المنتدى
البلد :
مصر
الجنس :
انثى
المساهمات :
674
العمر :
34
السٌّمعَة :
49
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
رائع احسنت النشر
 
sbark

sbark

عضو جديد
المساهمات :
1
السٌّمعَة :
0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
للاسف لم افهم هل عندك 
كود جاهز اضعه بمنتداي
 
KING MARWAN

KING MARWAN

رئيس الفريق
البلد :
السعودية
الجنس :
ذكر
المساهمات :
725
العمر :
21
السٌّمعَة :
10
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
رئيس الفريق
هذا العضو ينتمي إلى مجموعة رئيس الفريق!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
شكرا على الموضوع
 
يشهب

يشهب

عضو جديد
البلد :
مصر
الجنس :
ذكر
المساهمات :
73
العمر :
31
السٌّمعَة :
15
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
نورتم الموضوع.. شكراً على مروركم و التعليق
 
khairanynabil

khairanynabil

عضو جديد
البلد :
المغرب
الجنس :
ذكر
المساهمات :
3
العمر :
32
السٌّمعَة :
0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
شكرا لك اخى الكريم شرح وافي و جميل
 
Fonon Ahmed

Fonon Ahmed

عضو جديد
البلد :
مصر
الجنس :
انثى
المساهمات :
11
العمر :
32
السٌّمعَة :
0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
إستايل اكثر من رائع
ننتظز المزيد من إبداعاتك
 
ahmed bebarz

ahmed bebarz

فريق العمل
الجنس :
ذكر
المساهمات :
217
العمر :
22
السٌّمعَة :
2
عضوية مميزة
لقد شارك هذا العضو في أكثر من 100 مساهمة مختلفة!
عاشت الايادي
 

privacy_tip صلاحيات هذا المنتدى:

لاتستطيع الرد على المواضيع في هذا المنتدى