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