الخط هو أحد العناصر الرئيسية لتصميم النص وتنسيقه. الخط المختار جيدا قادر على نقل الحالة المزاجية المقصودة وتعزيز انطباع المحتوى. ومع ذلك ، من أجل استخدام الخطوط بشكل صحيح ، تحتاج إلى فهم خيارات التنسيق الأساسية والإعدادات.
واحدة من المعلمات الرئيسية هي حجم الخط. يحدد ارتفاع الأحرف وهو مهم لضمان سهولة قراءة النص. يتم قياس حجم الخط بالنقاط وعادة ما يشار إليه برقم. على سبيل المثال ، سيبدو الخط بحجم 12 نقطة أصغر من الخط بحجم 24 نقطة.
معلمة مهمة أخرى هي نمط الخط. يحدد نمط الشخصية ويمكن أن يكون عاديا أو غامقا. يسمح لك مخطط الخط بتمييز الأجزاء الفردية من النص وإضافة التركيز. على سبيل المثال ، يمكن استخدام الخط الغامق لتمييز العناوين والعناوين الفرعية ، ويمكن استخدام الخط العادي للنص العادي.
معلمات الخط الإضافية هي تباعد الحروف وتباعد الأسطر. تباعد الحروف مسؤول عن المسافات بين الأحرف في الكلمة. تؤثر هذه المعلمة على قابلية قراءة النص ويمكن زيادتها أو تقليلها اعتمادا على التأثير المطلوب. يحدد تباعد الأسطر ، بدوره ، المسافة بين أسطر النص ويمكن استخدامه لإنشاء تأثيرات فصل الفقرة المرئية أو التركيز على أجزاء النص الفردية.
من المهم أن تتذكر أن خيارات تنسيق الخط المحددة بشكل صحيح يمكن أن تحسن بشكل كبير من كفاءة نقل المعلومات وتجعل النص أكثر قابلية للقراءة وجاذبية للقارئ.
- خيارات تنسيق الخط الأساسية
- حجم الخط واللون والنمط
- عائلة الخط ونمط الخط
- تباعد الأسطر وتقنين الأحرف
خيارات تنسيق الخط الأساسية
تتيح لك خيارات تنسيق الخط تحديد نوع ونمط النص على صفحة الويب. الخيارات الرئيسية التي يمكن استخدامها لتخصيص الخط مذكورة أدناه.
- حجم الخط-يحدد ارتفاع الأحرف. يمكن تعيين حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. مثال:
- . مثال:
- ) أو القيم الرقمية التي تشير إلى سمك الخط. مثال:
- ). مثال:
- ) أو باستخدام رمز لون سداسي عشري. مثال:
- ) أو القيم الرقمية التي تشير إلى الهوامش. مثال:
هذه ليست سوى بعض خيارات تنسيق الخط الممكنة. باستخدام مجموعة من المعلمات المختلفة ، يمكنك إنشاء مجموعة متنوعة من خيارات تنسيق النص على صفحة الويب الخاصة بك.
حجم الخط واللون والنمط
يمكن تعيين حجم الخط باستخدام سمة حجم الخط. يمكن تحديد قيمة هذه السمة في وحدات مطلقة مثل" بكسل "(بكسل) ، " بت "(نقاط) ، أو في وحدات نسبية مثل" إم "أو"ريم". على سبيل المثال ، حجم الخط: 16 بكسل يحدد حجم الخط إلى 16 بكسل.
يمكن تعيين لون النص باستخدام سمة اللون. يمكن تحديد قيمة هذه السمة كاسم لون ، على سبيل المثال" أحمر "(أحمر) ، " أزرق "(أزرق) ، أو كرمز لون سداسي عشري ، على سبيل المثال" #ف 0000 " (أحمر). على سبيل المثال ، اللون: #0000 وما يليها يضبط لون النص على اللون الأزرق.
يمكن تعيين نمط الخط باستخدام سمة نمط الخط. يمكن أن تكون قيمة هذه السمة " عادية "(عادية) أو" مائلة "(مائلة) أو" مائلة " (مائلة). على سبيل المثال ، نمط الخط: مائل يحدد نمط الخط المائل.
بالإضافة إلى ذلك ، يمكن استخدام مجموعات من السمات والقيم المختلفة لتنسيق النص بمرونة أكبر. على سبيل المثال ، حجم الخط: 16 بكسل ؛ اللون: # ف 0000 ؛ نمط الخط: سوف مائل تثبيت حجم الخط من 16 بكسل ، واللون الأحمر ونمط مائل.
يتيح لك الاستخدام الصحيح لمعلمات حجم الخط واللون والنمط إنشاء تصميمات صفحات أكثر فاعلية وجعل النص أكثر تعبيرا وفهما للقارئ.
عائلة الخط ونمط الخط
يوفر هتمل القدرة على تعيين الخط لعنصر باستخدام سمة عائلة الخط. يمكنك تحديد عائلة الخطوط المناسبة من قائمة الخطوط المتاحة ، أو تحديد عدة عائلات مفصولة بفواصل – في هذه الحالة ، سيستخدم المتصفح أول عائلة متاحة من القائمة.
مثال على استخدام سمة عائلة الخط:
نموذج النص
يتم تحديد نمط الخط باستخدام سمة نمط الخط. يمكن أن تكون قيم هذه السمة: عادي (عادي) ، مائل (مائل) ومائل (مائل).
مثال على استخدام سمة نمط الخط:
مثال النص
بالإضافة إلى ذلك ، يمكن تعيين الخط الغامق باستخدام سمة وزن الخط. يمكن أن تكون قيم هذه السمة: عادي (عادي) ، غامق (غامق) وقيم رقمية من 100 إلى 900 ، حيث تتوافق القيمة الأعلى مع خط أكثر جرأة.
مثال على استخدام سمة وزن الخط:
نموذج النص
ستساعدك عائلة الخطوط المختارة جيدا ونمط الخط في إنشاء نصوص مبهجة ومقروءة من الناحية الجمالية على صفحة الويب.
تباعد الأسطر وتقنين الأحرف
يحدد تباعد الأسطر المسافة بين الأسطر الأساسية للنص داخل الكتلة. يمكن تعيين قيمة تباعد الأسطر بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو بوحدات حجم الخط النسبي (إم أو ريم). تؤدي زيادة تباعد الأسطر إلى جعل النص أكثر تهوية وسهولة في القراءة ، بينما يؤدي تقليل تباعد الأسطر إلى جعل النص أكثر كثافة وكثافة.
يحدد تقنين الأحرف المسافة بين الأحرف داخل الكلمة. يمكن تعيين قيمة تقنين الأحرف بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو بوحدات حجم الخط النسبي (إم أو ريم). تؤدي زيادة تقنين الأحرف إلى زيادة المسافات بين الأحرف ، مما يجعل الكلمة أكثر تناثرا وأقل ارتباطا. يقلل تقليل تقنين الأحرف من الفجوات بين الأحرف ، مما يجعل الكلمة أكثر كثافة واتصالا.
يعد استخدام تباعد الأسطر الصحيح وتقنين الأحرف أمرا مهما لضمان سهولة القراءة والمظهر الأمثل للنص. قد تتطلب الخطوط وأحجام الخطوط المختلفة تباعد أسطر وقيم تقنين مختلفة ، لذلك يمكن أن يكون ضبط هذه الإعدادات مفيدا لتحقيق التأثير المرئي المطلوب.