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