أوراق الأنماط المتتالية (كس) هي أداة قوية لتنسيق وتصميم صفحات الويب. أحد الجوانب الرئيسية لتصميم موقع الويب هو اختيار الخط المناسب ومعلماته: الحجم والأسلوب ومحتوى الدهون وغيرها الكثير. في هذه المقالة ، سننظر في كيفية تعيين معلمات الخط بشكل صحيح في كس لإنشاء محتوى قابل للقراءة وممتع من الناحية الجمالية.
في كس ، يتم تكوين جميع إعدادات الخط باستخدام الخصائص التي تنطبق على العناصر المحددة لصفحة ويب. إحدى الخصائص الرئيسية المسؤولة عن عرض النص هي خاصية الخط. باستخدام هذه الخاصية ، لا يمكنك تعيين الخط فحسب ، بل يمكنك أيضا تعيين معلماته. على سبيل المثال ، الحجم (باستخدام خاصية حجم الخط) والنمط (باستخدام خاصية نمط الخط) ومحتوى الدهون (باستخدام خاصية وزن الخط).
كس غالبا ما يستخدم وحدات القياس لتعيين معلمات الخط المختلفة. على سبيل المثال ، لتعيين حجم الخط ، يمكنك استخدام وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية (إم ، ريم) أو الوحدات المطلقة (بت ، مم ، سم ، إلخ.). بالإضافة إلى ذلك ، يمكنك تحديد عدة خطوط بحيث يمكن لمتصفح الويب تحديد أول خط مناسب من قائمة الخطوط المتاحة باستخدام خاصية عائلة الخط.
عند تعيين معلمات الخط في كس ، ضع في اعتبارك أهمية إنشاء محتوى متباين وقابل للقراءة. سيساعد اختيار الخط الصحيح ومعلماته في نقل المعلومات إلى القراء بسهولة وأسلوب. سيساعدك هذا الدليل في إعداد إعدادات الخط في كس وإنشاء مظهر جذاب لموقع الويب الخاص بك.
- لماذا أحتاج إلى تعيين معلمات الخط في المغلق?
- إعدادات الخط الأساسية
- تعريف مفهوم "معلمات الخط"
- الطباعة والعائلات الخط
- تعيين معلمات الخط في كس
لماذا أحتاج إلى تعيين معلمات الخط في المغلق?
يحرص مطورو ومصممو الويب على اختيار خط لصفحات الويب ، حيث يلعب الخط دورا رئيسيا في إنشاء أسلوب ومزاج فريد. إعداد معلمات الخط في كس يسمح لك لتحقيق التأثير البصري المطلوب وتحسين قراءة النص على صفحات الويب.
تتضمن خيارات الخط في كس اختيار الخط نفسه وحجمه ونمطه وتسطره وتباعد الأسطر. من خلال تعيين كل هذه المعلمات في كس ، يمكنك تعيين معايير موحدة للنص في جميع أنحاء الموقع وضمان عرضه المتسق على الأجهزة والمتصفحات المختلفة.
يتيح لك إعداد معلمات الخط أيضا التحكم في قراءة المحتوى على صفحة الويب. يمكن أن تؤدي زيادة حجم الخط إلى جعله أكثر قابلية للقراءة للمستخدمين ضعاف البصر. يمكن أن يساعد اختيار نمط الخط الصحيح في خلق حالة مزاجية معينة أو التركيز على العناصر الرئيسية للنص. يسمح لك التحكم في تباعد الأسطر بتحسين قابلية القراءة والمظهر العام للنص.
أيضا ، تعيين معلمات الخط في كس يسمح لك للحد من حجم الملفات وتسريع تحميل صفحة ويب. باستخدام الخطوط الخارجية مع @الخط الوجه يسمح للمتصفح لتحميل فقط الأحرف الضرورية ومعلومات الخط ، مما يقلل بشكل كبير من وقت تحميل الصفحة.
نتيجة لذلك ، يعد تعيين معلمات الخط في كس أمرا مهما لإنشاء صفحات ويب مبهجة من الناحية الجمالية وقابلة للقراءة. يساعد الاختيار الدقيق للخط وتخصيصه على إضفاء الطابع الشخصي والأسلوب على تصميم موقع الويب ، فضلا عن تحسين تصور المستخدم للمحتوى.
إعدادات الخط الأساسية
يتم تنفيذ تصميم النص في كس من خلال خصائص الخط الأسرة ، حجم الخط ، الخط الوزن ، نمط الخط ، الخ. تسمح لك كل هذه الخصائص بتعيين معلمات الخط المختلفة وتخصيصها وفقا لمتطلبات التصميم.
عائلة الخط: تتيح لك هذه الخاصية تعيين الخط للنص. يمكنك تحديد خط من خطوط النظام المتاحة أو تحديد خط خارجي تم تنزيله من الخادم. لتحديد خطوط متعددة بالترتيب المفضل ، استخدم فاصلة ، بحيث يمكن للمتصفح تحديد خط متاح في حالة عدم توفر الخط الأول.
حجم الخط: تتيح لك هذه الخاصية تعيين حجم الخط. يمكن تحديد القيمة بالوحدات المطلقة (مثل وحدات البكسل) أو الوحدات النسبية (مثل النسب المئوية).
الخط الوزن: هذه الخاصية تسمح لك لتعيين تشبع الخط. يمكن تحديد القيمة برقم أو كلمة رئيسية مثل عادي أو غامق أو أفتح أو أكثر جرأة.
نمط الخط: تتيح لك هذه الخاصية تعيين نمط الخط. يمكن تحديد القيمة بالكلمات الرئيسية ، على سبيل المثال ، مائل أو مائل أو عادي.
هذه هي الخصائص الرئيسية المستخدمة لضبط إعدادات الخط في كس. تذكر أن اختيار الخط الصحيح ومعلماته يساعد على تعزيز تأثير التصميم الخاص بك وتحسين تصور المحتوى على صفحة الويب الخاصة بك.
تعريف مفهوم "
إعدادات الخط " إعدادات الخط في كس تحديد مظهر النص الذي سيتم عرضه على صفحة ويب. تتضمن هذه المعلمات خصائص مثل حجم الخط ونمط الخط والتشبع واللون.
يمكن تحديد حجم الخط في كس بالبكسل أو النسب المئوية أو إم أو الأحجام المطلقة ، على سبيل المثال ، "صغير" ، "كبير" ، إلخ. يحدد نمط الخط نمط النص ، مثل عادي ، غامق ، مائل ومسطر. تشبع الخط مسؤول عن تشبع لون النص ، حيث يمثل 100 ٪ لونا مشبعا بالكامل ، و 0 ٪ شفاف تماما. يحدد لون الخط أخيرا لون النص ويمكن تحديده باستخدام اسم اللون أو الرمز السداسي عشري أو قيم رغب.
يتيح لك تحديد إعدادات الخط الصحيحة إنشاء نص قابل للقراءة وأنيق على صفحات الويب. عند اختيار خيارات الخط ، يجب مراعاة كل من التفضيلات الجمالية والاعتبارات العملية المتعلقة بإمكانية الوصول وسهولة القراءة للمستخدمين.
الطباعة والعائلات الخط
عند إنشاء صفحات الويب ، من المهم الانتباه إلى الطباعة واختيار عائلات الخطوط. يمكن للخطوط المختارة جيدا تحسين إدراك المحتوى بشكل كبير والتأكيد على أسلوبه.
أولا ، حدد المجموعات الرئيسية لعائلات الخطوط: على غرار الخطوط اللاتينية (الرقيق) ، بلا الرقيق (بلا الرقيق) وأسلوب الكتابة بلا الرقيق (أحادي المسافة).
تستخدم خطوط الرقيق بشكل شائع للنصوص المطبوعة مثل الكتب والصحف. تتميز بوجود الرقيق الزخرفي في نهايات الرموز وتعتبر أكثر رسمية وتقليدية.
الخطوط بلا الرقيق لديها أسلوب أكثر حداثة وجريئة. تتميز بغياب علامات الرقيق في نهايات الأحرف ، مما يجعلها أكثر قابلية للقراءة على شاشات الكمبيوتر والأجهزة المحمولة.
تختلف الخطوط بلا الرقيق في نمط أحادي المسافة في العرض المتساوي لجميع الأحرف. غالبا ما يتم استخدامها لكتابة التعليمات البرمجية أو عرض البيانات المجدولة ، حيث أن التباعد المنتظم بين الأحرف يبسط إدراكهم البصري.
عند اختيار خط لصفحة ويب ، ضع في اعتبارك إمكانية قراءتها وتوافقها مع عناصر التصميم الأخرى. يجب أن يكون الخط كبيرا بما يكفي لسهولة القراءة ، ولكن ليس كبيرا جدا حتى لا يشغل مساحة كبيرة على الشاشة.
انتبه أيضا إلى توافق عائلات الخطوط. غالبا ما يتم استخدام خطين: أحدهما للعناوين والآخر للنص الرئيسي. يجب دمج الخطوط في الأسلوب والحجم لإنشاء تصميم متناغم وقابل للقراءة.
أمثلة على عائلات الخطوط:
الخطوط الرقيق: تايمز نيو رومان, جورجيا, جاراموند.
الخطوط بلا الرقيق: أريال ، هلفتيكا ، فيردانا.
الخطوط بلا الرقيق في نمط الرسالة: ساعي جديد, كونسولاس, موناكو.
تعيين معلمات الخط في كس
إعدادات الخط في كس تسمح لك بتغيير مظهر النص على صفحة ويب. وهي تشمل خصائص مثل الخط والحجم والسمنة والمنحدر وما إلى ذلك
. إحدى معلمات الخط الرئيسية هي خاصية عائلة الخط. يحدد مجموعة الخطوط التي سيتم استخدامها لعرض النص على الصفحة. على سبيل المثال ، يمكنك تحديد التعليمات البرمجية التالية في كس:
الخط الأسرة: "أريال" ، بلا الرقيق;
}
سيتم عرضه في أريال الخط. إذا كان الخط أريال مفقود على الجهاز الذي الصفحة مفتوحة ، سيتم استخدام بديل بلا الرقيق الخط (بلا الرقيق).
تحدد معلمة حجم الخط حجم الخط. يمكن ضبطه في وحدات قياس مختلفة ، مثل وحدات البكسل أو النسب المئوية أو القيم النسبية. على سبيل المثال:
حجم الخط: 16 بكسل;
معلمة أخرى مهمة هي وزن الخط ، الذي يحدد محتوى الدهون في الخط. يمكن أن تأخذ القيم من 100 إلى 900 ، حيث يشير 400 إلى محتوى الدهون الطبيعي ، و 700 يشير إلى غامق. على سبيل المثال:
وزن الخط: غامق;
}