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

يشهب

إشهار المواقع/تصميم وجرافيكس
فريق الإدارة
مشرف المواقع والتصميم والجرافيكس

معلومات العضو

إنضم
19 مارس 2021
الأوسمة
2
العمر
31
الإقامة
مــ جمهورية ــصـــ العربية ــر
الجنس
ذكر
نشاط يشهب:
202
0
100
  • اجعل الاستايل متألق مع هذه الحيلة البسيطة
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته


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

لكم مني كل الود و التقدير؛
 
توقيع يشهب
---[.. الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ ..]---
---[.. الَّلهُمَّـ اخْتمـ بالبَـاقيـاتِــ الـصَالِحَاتِــ أعْمَـالَنَا ..]---
  • أعجبني
التفاعلات: SHH

المشاغب

الحمد لله ذي المن والفضل والإحسان
فريق الإدارة
مؤسس منتديات المشاغب

معلومات العضو

إنضم
15 نوفمبر 2020
المشاركات
2,132
الحلول
16
مستوى التفاعل
2,425
الأوسمة
1
الإقامة
الشرق الأوسط
الموقع الالكتروني
الجنس
ذكر
الله يعطيك العافية على هالشرح الجميل
 
توقيع المشاغب


-[ اللهم منا الدعاء ومنك الاجابة ]-
-[ وعليك التكلان ]-
-[ ولا حول لنا ولا قوة الا بك ]-

يشهب

إشهار المواقع/تصميم وجرافيكس
فريق الإدارة
مشرف المواقع والتصميم والجرافيكس

معلومات العضو

إنضم
19 مارس 2021
المشاركات
202
مستوى التفاعل
100
الأوسمة
2
العمر
31
الإقامة
مــ جمهورية ــصـــ العربية ــر
الجنس
ذكر
توقيع يشهب
---[.. الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ ..]---
---[.. الَّلهُمَّـ اخْتمـ بالبَـاقيـاتِــ الـصَالِحَاتِــ أعْمَـالَنَا ..]---

SHH

من أصدقاء منتديات المشاغب
كبار الشخصيات VIP

معلومات العضو

إنضم
11 مارس 2021
المشاركات
2,529
مستوى التفاعل
797
الأوسمة
4
الإقامة
السعوديه
الجنس
ذكر
بارك الله فيكم
 
المنتدى غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء.
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء واتفاق واعطاء معلومات موقعه.
المواضيع والتعليقات المنشورة لا تعبر عن رأي منتديات المشاغب ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)
عودة
أعلى