يمكن أن يؤدي اختيار الخط المناسب لموقعك على الويب إلى زيادة جاذبية المحتوى وقابليته للقراءة بشكل كبير. في هذا الدليل التفصيلي ، سأخبرك بكيفية تطبيق خط على صفحة هتمل بأكملها بحيث يمكنك إنشاء تصميم فريد وجذاب لموقعك.
الخطوة الأولى هي تنزيل الخط الذي حددته بتنسيق خط الويب. هناك العديد من الخدمات المجانية والمدفوعة تحميل الخط مثل جوجل الخطوط ، أدوبي الخطوط أو الخط السنجاب. بعد تنزيل الخط ، سيتم تزويدك برمز كس لتوصيله بموقعك.
لتطبيق الخط على الصفحة بأكملها ، يجب فتح ملف كس من موقع الويب الخاص بك وإضافة التعليمات البرمجية التالية:
الجسم {
الخط الأسرة: 'يور_شريفت' ، بلا الرقيق;
}
في هذا المثال ، نستخدم خاصية عائلة الخط لتحديد الخط المحدد لنص الصفحة بأكملها. استبدال 'يور_شريفت' مع اسم الخط الذي تلقيته بعد تحميل الخط. تذكر أنه إذا حددت خطا غير قياسي ، فيجب عليك تقديم قائمة بالخطوط البديلة لعائلة بلا الرقيق حتى تتمكن المتصفحات من عرض النص بشكل صحيح إذا كان الخط المحدد غير متوفر.
- تطبيق خط على صفحة هتمل: المفاهيم الأساسية
- ما هو الخط وكيف يؤثر على مظهر الصفحة
- الأنواع الرئيسية من الخطوط واختلافاتها
تطبيق خط على صفحة هتمل: المفاهيم الأساسية
المفاهيم الرئيسية التي يجب أن تكون على دراية بها عند تطبيق خط على صفحة هتمل هي" عائلة الخط "و" حجم الخط "و"أنماط الخط".
- تعرف عائلة الخط نمط الخط المشترك ، مثل أريال ، تايمز نيو رومان ، أو ساعي جديد. عادة ما يحدد مطورو الويب عائلة الخطوط باستخدام خاصية كس"عائلة الخط".
- يشير حجم الخط إلى حجم الحروف في النص. يمكن تحديده بالبكسل أو النسب المئوية أو م أو وحدات القياس الأخرى. يتم استخدام خاصية كس "حجم الخط" لتغيير حجم الخط.
- تحدد أنماط الخطوط طريقة عرض النص ، مثل الخط الغامق والمائل والمسطر وما إلى ذلك. يتم تحديد أنماط الخطوط باستخدام خصائص كس" وزن الخط "للخط الغامق ،" نمط الخط "للخط المائل و" زخرفة النص " للخط المسطر.
بالإضافة إلى ذلك ، هناك مفاهيم مثل "الخطوط الزخرفية" و "خطوط النظام" و "توفر الخطوط". تتميز الخطوط الزخرفية بتصميم فريد ومذهل ، بينما تعتمد خطوط النظام على الخطوط المتوفرة في نظام تشغيل المستخدم. يؤثر وجود الخطوط على إمكانية الوصول إلى صفحة الويب وتوافقها على أجهزة مختلفة.
لتطبيق الخطوط على صفحة أتش تي أم أل ، يمكن للمطورين استخدام الخطوط المضمنة أو توصيل ملفات الخطوط الخارجية عبر @وجه الخط أو استخدام الخطوط المثبتة على جهاز الكمبيوتر الخاص بالمستخدم.
والمفاهيم الأساسية لاستخدام الخط في أتش تي أم أل تسمح للمطورين لخلق جماليا وصفحات الويب للقراءة.
ما هو الخط وكيف يؤثر على مظهر الصفحة
يمكن أن يؤثر اختيار الخط الصحيح بشكل كبير على سهولة قراءة النص وقابليته للاستخدام. يمكن أن تكون الخطوط بأشكال وأشكال وأحجام وأنماط مختلفة. يمكن أن تكون كلاسيكية أو حديثة أو جريئة أو مائلة أو رسمية أو إبداعية.
يساعد الخط أيضا في نقل الحالة المزاجية وأسلوب الصفحة. على سبيل المثال ، يعد استخدام خط كلاسيكي ورسمي مناسبا للمستندات الرسمية أو صفحات العمل ، بينما يمكن أن يكون استخدام خط إبداعي وغير عادي مفيدا للصفحات المخصصة للفن أو التصميم.
يمكن أن تعمل تركيبة الخط الصحيحة على تحسين مظهر الصفحة وقابليتها للقراءة. يؤدي تقسيم النص إلى عناوين وعناوين فرعية ونص رئيسي باستخدام خطوط مختلفة إلى تسهيل التنقل في المعلومات وتحسين إدراك هيكلها.
يعد الخط جزءا لا يتجزأ من تصميم وأسلوب صفحة الويب ، ويمكن أن يؤدي استخدام الخط بشكل صحيح إلى جعل صفحتك أكثر جاذبية وسهولة في القراءة.
الأنواع الرئيسية من الخطوط واختلافاتها
الخطوط الرقيق: تتميز هذه الخطوط ، التي تسمى أيضا خطوط" الرقيق "أو" الرومانسيك " ، بوجود عناصر بارزة صغيرة (الرقيق) في نهايات الحروف. عادة ما يتم استخدامها للنصوص المطبوعة ، لأنها توفر قراءة سهلة وقراءة جيدة.
الخطوط بلا الرقيق: هذه الخطوط ، المعروفة أيضا باسم "غير مقطوعة" أو "بشعة" ، لا تحتوي على خطوط رفيعة في نهايات الحروف. غالبا ما يتم استخدامها للعناوين والنصوص على الإنترنت ، حيث تتمتع بمظهر عصري وأنيق.
الخطوط الاصطناعية: هذه هي الخطوط التي تم إنشاؤها بواسطة المصممين لتأثيرات معينة أو مظهر فريد. يمكن أن تكون مصقولة أم لا ، لكنها عادة ما تختلف عن الخطوط القياسية وتجذب المزيد من الاهتمام.
الخطوط أحادية المسافة: تتميز هذه الخطوط بحقيقة أن كل حرف له نفس العرض ، مما يجعلها مثالية لتنسيق رمز البرنامج أو النص الذي تريد توفير مساحة بين الأحرف فيه.
الخطوط المكتوبة بخط اليد: يتم إنشاء الخطوط المكتوبة بخط اليد لتقليد الكتابة اليدوية. يمكن أن تكون متنوعة وفريدة من نوعها ، مما يعطي النص الأصالة والفردية.
الخطوط الزخرفية: غالبا ما تستخدم هذه الخطوط لإنشاء تأثير توضيحي أو تصميم نص جذاب بصريا. يمكن تزيينها أو تخيلها أو تقليد نمط معين (على سبيل المثال ، خط قوطي).
من المهم أن تتذكر أنه عند اختيار خط لصفحة الويب الخاصة بك ، يجدر النظر في إمكانية قراءته ونهجه في المحتوى والجمهور المستهدف.