تعد الخطوط جزءا مهما من تصميم أي موقع ويب أو تطبيق. أنها تساعد على خلق المزاج الصحيح وتوفير التواصل البصري مريحة مع المستخدمين. يمكن أن يؤدي تغيير خط القالب إلى تغيير مظهر مشروعك بشكل كبير وإعطائه المزيد من الأصالة.
في دليل المبتدئين السهل هذا ، ستتعلم كيفية تغيير خط القالب على موقع الويب الخاص بك. سنلقي نظرة على بعض الخطوات البسيطة التي ستساعدك على جعل مشروعك فريدا وجذابا.
الخطوة 1: اختيار الخط المناسب
الخطوة الأولى في تغيير خط القالب هي اختيار الخط المناسب. يمكن أن تنقل الخطوط المختلفة مشاعر وأمزجة مختلفة ، لذلك من المهم اختيار خط يعكس موضوع وأسلوب مشروعك. يمكنك الاختيار من بين مجموعة متنوعة من الخطوط المجانية والمدفوعة المتاحة عبر الإنترنت.
ملاحظة: عند اختيار الخط ، انتبه إلى سهولة قراءته وتوافقه مع الأجهزة والمتصفحات المختلفة.
- اختيار الخط المناسب
- إعداد استيراد الخط
- تثبيت عائلة الخط
- تحديد حجم الخط
- تغيير نمط الخط
- نصائح لاختيار لون الخط
- اختبار وإعداد الخط
اختيار الخط المناسب
| 1. الحجم | أول شيء يجب مراعاته هو حجم الخط. يجب أن يكون قابلا للقراءة بدرجة كافية بحيث يمكن للمستخدمين قراءة النص بسهولة. لكن لا تختار حجما كبيرا جدا لتجنب الحمل الزائد للمعلومات. |
|---|---|
| 2. نمط | يجب أن يتطابق نمط الخط مع طبيعة موقعك. على سبيل المثال ، إذا كنت تقوم بإنشاء موقع ويب للأطفال ، فاختر خطا أكثر مرحا وحيوية ، والأسلوب الأكثر كلاسيكية واحترافية مناسب لمواقع الشركات. |
| 3. سهولة القراءة | من المهم جدا أن يكون الخط الذي تختاره سهل القراءة. تجنب الخطوط ذات الخطوط الرفيعة جدا أو التصميمات المعقدة للغاية التي قد تجعل من الصعب قراءة المعلومات. |
| 4. التوافق | إذا كنت تخطط لاستخدام عدة خطوط مختلفة على موقعك ، فاحرص على توافقها. يجب أن تكون الخطوط متناغمة مع بعضها البعض وأن تخلق صورة شاملة ومتوازنة. |
| 5. الدعم | تأكد من أن الخط الذي تختاره له دعم على معظم الأجهزة والمتصفحات. سيساعد ذلك على تجنب مشاكل عرض النص على منصات مختلفة. |
لا تخف من التجربة والعثور على أسلوبك الفريد مع الخطوط. اختيار الخطوط التي تناسب بشكل جيد في مفهوم موقع الويب الخاص بك وجعلها أكثر تميزا وجاذبية للزوار.
إعداد استيراد الخط
قبل تغيير خط القالب ، تحتاج إلى إعداد واستيراد الخط المحدد إلى موقعك. للقيام بذلك ، اتبع الخطوات التالية:
- حدد الخط الذي تحتاجه. يمكنك استخدام خدمات مجانية مثل جوجل الخطوط أو الخط السنجاب للعثور على الخط الذي يناسب ذوقك ومتطلبات التصميم.
- قم بتنزيل ملفات الخطوط على جهاز الكمبيوتر الخاص بك. عادة ما يتم توفير ملفات الخطوط بتنسيقات.صندوق النقد الدولي, .أوتف, .ووف أو .2.
- قم بإنشاء مجلد على الخادم الخاص بك لتخزين ملفات الخطوط.
- قم بتحميل ملفات الخطوط إلى المجلد الذي تم إنشاؤه على الخادم. تأكد من أن الملفات موجودة في المجلد الصحيح ومتاحة للتنزيل.
بعد الانتهاء من هذه الخطوات ، ستكون جاهزا لاستيراد الخط المحدد إلى قالب موقع الويب الخاص بك وتكوين استخدامه.
تثبيت عائلة الخط
تلعب الخطوط دورا مهما في التصميم المرئي لموقعك على الويب. يمكن أن يؤدي اختيار الخطوط الصحيحة إلى زيادة سهولة قراءة المحتوى وتحسين إدراك المعلومات وإنشاء نمط فريد لموقعك.
في هتمل ، يمكنك تعيين عائلة الخط لعنصر معين أو للمستند بأكمله. للقيام بذلك ، يمكنك استخدام خاصية عائلة الخط المغلق.
باستخدام خاصية عائلة الخط ، يمكنك تحديد قائمة بالخطوط للعنصر الذي يجب استخدامه إذا كان الخط من القائمة غير متوفر على جهاز المستخدم. يتم تحديد الخطوط بترتيب الأولوية ، مفصولة بفواصل.
يوجد أدناه مثال على تثبيت عائلة خطوط في كس:
ص {
الخط الأسرة: أريال ، بلا الرقيق;
في هذا المثال ، إذا أريال غير متوفر على جهاز المستخدم ، فإن المتصفح استخدام خط بلا الرقيق.
يمكنك أيضا تحديد عائلة خطوط أكثر عمومية ، مثل الرقيق أو أحادي المسافة. على سبيل المثال:
- ص {
- }
- باستخدام عائلة الخط الصحيح سوف تساعدك على إنشاء نظرة جميلة والمهنية لموقع الويب الخاص بك.
تحديد حجم الخط
- على سبيل المثال ، لتحديد حجم الخط بالبكسل ، يمكنك استخدام نمط كس التالي:
- - لتعيين حجم الخط إلى 14 بكسل;
حجم الخط: 20 بكسل;
- لتعيين حجم الخط إلى 20 بكسل ، إلخ.
يمكنك أيضا استخدام النسب المئوية لتحديد حجم الخط بالنسبة إلى حجم الخط الافتراضي في الصفحة:
حجم الخط: 120%;
- لتعيين حجم الخط إلى 120 ٪ من حجم الخط الافتراضي ، إلخ.
تسمح لك وحدات القياس النسبية أيضا بتعيين حجم الخط بالنسبة للعناصر الأخرى في الصفحة. على سبيل المثال:
حجم الخط: 1.2 ريم;
وثيقة أتش تي أم أل الخاصة بك.
بعد ذلك ، باستخدام محددات كس ، يمكنك تحديد العناصر التي تريد تطبيق تغييرات نمط الخط. على سبيل المثال ، إذا كنت تريد تغيير خط فقرة ، يمكنك إنشاء القاعدة التالية في كس الخاص بك:
ص {
الخط الأسرة
يوفر خيارات بديلة إذا كان الخط غير متوفر.
اختياريا ، يمكنك أيضا تغيير خصائص الخط الأخرى مثل الحجم أو اللون أو السمنة باستخدام خصائص كس مثل
- حجم الخط
- ,
- اللون
- أو
الخط الوزن
.
إذا كنت ترغب في تغيير خط عنصر معين ، مثل رأس أو جدول ، يمكنك استخدام محدد كس المناسب. على سبيل المثال:
ح1 {
الخط الأسرة: "تايمز نيو رومان" ، شريف;
حجم الخط: 24 بكسل;
وزن الخط: غامق;
}
الجدول {
الخط الأسرة: فيردانا ، جنيف ، بلا الرقيق;
}
في هذا المثال ، حددنا أن الخط لرأس المستوى الأول يجب أن يكون تايمز نيو رومان ، 24 بكسل في الحجم وجريئة. بالنسبة للجدول ، حددنا خط فيردانا أو أي خط آخر بلا الرقيق.
بعد تحديد أنماط الخطوط في كس الخاص بك ، يجب ربطها بمستند هتمل الخاص بك. للقيام بذلك ، تحتاج إلى تحديد المسار إلى ملف كس داخل العلامة