الخط هو عنصر تصميم مهم يمكن أن يكون له تأثير كبير على مظهر النص وإدراكه. هناك عدة طرق بسيطة لتنسيق الخط الذي يسمح لك بتحقيق نتائج مثيرة للاهتمام ومذهلة.
الطريقة الأولى هي استخدام علامة تجعل النص مميزا وأكثر إشراقا. يتم استخدام العلامة لعرض النص مع أهمية بصرية أعلى.
الطريقة الثانية هي استخدام علامة تجعل النص مائلا. تستخدم العلامة لتمييز النص الذي يتعلق بسياق مختلف أو له تأثير عاطفي.
كانت هاتان طريقتان بسيطتان لتنسيق الخط ، ولكن بمساعدتهما يمكنك تحقيق تغييرات ملحوظة في مظهر النص. لا تخف من تجربة واستخدام مجموعات علامات مختلفة-سيساعد ذلك في جعل النص أكثر تعبيرا وفريدة من نوعها!
- تحسين مظهر الخطوط: 2 طرق بسيطة
- تطبيق خصائص كس على تنسيق الخط
- استخدام علامات هتمل لنمط النص
- العمل مع الخطوط في المغلق عبر خاصية عائلة الخط
- إدارة حجم الخط وتباعد الحروف
- أنماط مذهلة للنص باستخدام خاصية كس نص الظل
تحسين مظهر الخطوط: 2 طرق بسيطة
وهنا 2 طرق بسيطة للمساعدة في تحسين مظهر الخطوط:
- باستخدام خطوط مختلفة
- تعديل حجم الخط
من أسهل الطرق لتحسين مظهر الخطوط استخدام أنواع مختلفة من الخطوط على صفحة الويب. على سبيل المثال ، يمكنك استخدام العناوين ذات الخط الغامق والنص الرئيسي بخط عادي. وهذا سوف يساعد على خلق التباين وجعل النص أكثر قابلية للقراءة ومثيرة للاهتمام.
هناك طريقة أخرى لتحسين مظهر الخطوط وهي ضبط أحجامها. يرجى ملاحظة أنه قد يكون من الصعب قراءة الخط الصغير جدا ، وقد يكون الخط الكبير جدا غير جمالي. يوصى باختيار حجم الخط الذي يوفر قراءة مريحة للنص دون إجهاد العين.
من المهم أن تتذكر أن تحسين مظهر الخطوط على صفحة الويب يمكن أن يكون له تأثير كبير على تجربة المستخدم. ستساعد هذه التقنيات البسيطة في جعل النص أكثر جاذبية وقابلية للقراءة لزوار الموقع.
تطبيق خصائص كس على تنسيق الخط
1. خاصية "عائلة الخط"
تتيح لك خاصية" عائلة الخط " تحديد الخط المطلوب للنص على صفحة الويب. يمكنك تحديد خطوط متعددة بترتيب التفضيل لتوفير تغطية أوسع للأجهزة وأنظمة التشغيل.
مثال الاستخدام:
الخط الأسرة: أريال ، هلفتيكا ، بلا الرقيق;
2. خاصية "حجم الخط"
باستخدام خاصية" حجم الخط " ، يمكنك تغيير حجم الخط. يمكن تحديد حجم الخط بوحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو م (م).
مثال الاستخدام:
حجم الخط: 16 بكسل;
توضح هذه الأمثلة عددا قليلا فقط من العديد من خصائص كس التي يمكن استخدامها لتنسيق خط على صفحة ويب. بعد مراجعة القائمة الكاملة للخصائص ، ستتمكن من تخصيص الخط المثالي لمشروعك.
استخدام علامات هتمل لنمط النص
يوفر هتمل العلامات المختلفة التي يمكن استخدامها لنمط النص على صفحة ويب. فيما يلي طريقتان بسيطتان لاستخدام علامات هتمل لتنسيق خط النص.
- علامة: سيكون هذا النص غامقا
- علامة: سيكون هذا النص بخط مائل
مثال الاستخدام:
هذا النص عادي ، وسيكون هذا النص غامقا ، وسيكون هذا النص مائلا.
النتيجة:
هذا النص عادي ، وسيكون هذا النص غامقا ، وسيكون هذا النص مائلا.
هذا ليس سوى جزء صغير من إمكانيات تصميم النص باستخدام علامات هتمل. يوفر هتمل أيضا علامات لتغيير حجم ولون النص ، ووضع الشرطات السفلية ، وأكثر من ذلك. باستخدام مجموعة من العلامات المختلفة ، يمكنك إنشاء عناصر نصية فريدة وأنيقة على صفحة الويب الخاصة بك.
العمل مع الخطوط في المغلق عبر خاصية عائلة الخط
يسمح لك بتعيين خط واحد أو أكثر لاستخدامه في محتوى النص لعنصر ما على صفحة الويب. إذا لم يكن الخط المحدد متاحا على جهاز الكمبيوتر الخاص بالمستخدم ، فسيستخدم المتصفح الخط التالي من القائمة. يتيح لك ذلك التأكد من عرض النص بشكل صحيح ، بغض النظر عن وجود خط معين على جهاز المستخدم.
:
| الخط-الملكية العائلية | الوصف |
|---|---|
الخط الأسرة: أريال ، بلا الرقيق; | تثبيت الخط أريال. إذا لم يكن متوفرا ، ثم يتم استخدام أي خط بلا الرقيق من الخطوط على شبكة الإنترنت المتاحة. |
عائلة الخط: "تايمز نيو رومان" ، شريف; | يحدد الخط الروماني الجديد تايمز. إذا لم يكن متوفرا ، فسيتم استخدام أي خط رقيق من خطوط الويب المتاحة. |
الخط الأسرة: "هلفتيكا نويه" ، أريال ، بلا الرقيق; | تثبيت الخط هلفتيكا نويه. إذا لم يكن متوفرا ، ثم يتم استخدام الخط أريال. إذا لم يكن متوفرا ، ثم يتم استخدام أي خط بلا الرقيق من الخطوط على شبكة الإنترنت المتاحة. |
عند تحديد خطوط متعددة مفصولة بفواصل ، سيتحقق المتصفح باستمرار من توفرها ويطبق أول خط متاح.
يمكن تحديد الخطوط باستخدام كل من أسماء الخطوط وعنوان ورل لملف الخط.
يسمح لك بتعيين ترميز مرن ومتصفح للخطوط على صفحة الويب ، مما يضمن عرض النص بشكل صحيح على مختلف الأجهزة وأنظمة التشغيل.
إدارة حجم الخط وتباعد الحروف
عند إنشاء صفحات ويب ، من المهم أن تكون قادرا على التحكم في حجم الخط وتباعد الحروف بحيث يبدو النص قابلا للقراءة وجذابا للزوار.
واحدة من أسهل الطرق لتغيير حجم الخط في هتمل هو استخدام علامة. تسمح لك هذه العلامة بتمييز نص معين وإعطائه حجم خط أكبر. على سبيل المثال:
نص بحجم خط أكبر
سيؤدي هذا الرمز إلى تغيير حجم الخط للنص داخل العلامة إلى حجم أكبر. يمكنك أيضا استخدام سمة" النمط " لتحديد حجم الخط بالضبط. على سبيل المثال:
نص بحجم خط أكبر
في هذا المثال ، سيتم تعيين حجم الخط إلى 20 بكسل.
للتحكم في التباعد بين الأحرف ، يمكنك استخدام علامة. تسمح لك هذه العلامة بتغيير تباعد الأحرف في النص. على سبيل المثال:
النص مع تغيير تباعد الحروف
يمكن استخدام العلامة مع سمة" النمط " لتحديد الفواصل الزمنية بدقة. على سبيل المثال:
نص مع زيادة تباعد الحروف
في هذا المثال ، سيتم زيادة تباعد الحروف بمقدار 2 بكسل.
باستخدام علامات هتمل بسيطة وسمات" النمط " ، يمكنك التحكم في حجم الخط وتباعد الحروف للنص على صفحة ويب لجعلها أكثر قابلية للقراءة وجذابة.
أنماط مذهلة للنص باستخدام خاصية كس نص الظل
:
نص مع الظل
نص بظل متدرج