الخط هو عنصر تصميم مهم ويمكن أن يؤثر بشكل كبير على تصور النص. إذا كنت مبتدئا وترغب في تعلم كيفية تغيير إعدادات الخط ، فلديك عدة طرق لتحقيق النتيجة المرجوة.
باستخدام كس
كس (أوراق الأنماط المتتالية) هي لغة نمط تسمح لك بتحديد مظهر وتنسيق عناصر صفحة الويب. لتغيير إعدادات الخط باستخدام كس ، تحتاج إلى معرفة بعض القواعد الأساسية.
1. تحديد قيمة الخط
لتغيير حجم الخط ، يمكنك استخدام خاصية حجم الخط. على سبيل المثال ، لزيادة حجم الخط إلى 18 بكسل ، اضبط قيمة حجم الخط على 18 بكسل. يمكنك أيضا استخدام وحدات قياس أخرى مثل إم و٪.
}
ص {
مثال:
}
- 4. تغيير نوع الخط
- لتغيير نوع الخط ، استخدم خاصية عائلة الخط. تعيين قيمة الخاصية إلى اسم الخط المطلوب ، مثل أريال أو تايمز نيو رومان. إذا لم يكن لديك الخط الذي تحتاجه على جهاز الكمبيوتر الخاص بك ، يمكنك استخدام الخطوط من خدمات الويب مثل خطوط جوجل.
- مثال:
- "'المغلق
- ص {
الخط الأسرة: أريال ، بلا الرقيق;
}
الآن بعد أن عرفت أساسيات تغيير إعدادات الخط باستخدام كس ، يمكنك البدء في تجربة وإنشاء أنماط فريدة لصفحات الويب الخاصة بك.
تغيير إعدادات الخط: البدء في القيام بذلك بشكل صحيح
на самой веб-странице.الخطوة 1. افتح الملف المطلوب مع الرمز
الخطوة 2. ابحث عن القسم الذي يحتوي على خيارات الخط
| الخطوة 3. تغيير قيم المعلمة |
تغيير إعدادات الخط: البدء في القيام بذلك بشكل صحيح |
في هذا الدليل ، سنلقي نظرة على الخيارات الأساسية التي يمكنك استخدامها لتغيير الخط على موقع الويب الخاص بك.
и относится к элементу body. Здесь можно видеть, что шрифт Arial, без засечек, с размером 16 пикселей, нормальной жирностью и цветом #333 указан для текста, расположенного внутри элемента body.عائلة الخط: يتيح لك هذا الخيار تحديد خط للنص الخاص بك. يمكنك استخدام كلمات رئيسية مثل" أريال " ، "فيردانا" ، "هلفتيكا" ، أو تحديد مسار خط معين ، على سبيل المثال:"الخط الأسرة:" تايمز نيو رومان " ، تايمز ، الرقيق؛".
حجم الخط: تسمح لك هذه المعلمة بتعيين حجم الخط. يمكنك استخدام وحدات قياس نسبية أو مطلقة مثل" بكسل "أو" إم "أو"ريم". على سبيل المثال: "حجم الخط: 16 بكسل;"أو" حجم الخط: 1.2 م؛".
وزن الخط: تسمح لك هذه المعلمة بتعيين تشبع الخط. يمكنك استخدام كلمات رئيسية مثل" عادي "أو" غامق "أو قيم رقمية مثل" 400 "أو"700". على سبيل المثال:" وزن الخط: غامق ؛ "أو"وزن الخط: 700؛".
| نمط الخط: تسمح لك هذه المعلمة بتعيين نمط الخط. يمكنك استخدام كلمات رئيسية مثل" عادي "أو" مائل "أو"مائل". على سبيل المثال:" نمط الخط: مائل ؛ "أو"نمط الخط: مائل؛". | زخرفة النص: تسمح لك هذه المعلمة بتعيين نمط التسطير أو يتوسطه خط أو خط أعلى النص. يمكنك استخدام كلمات رئيسية مثل" لا شيء "أو" تسطير "أو"خط من خلال". على سبيل المثال: "زخرفة النص: تسطير;"أو" زخرفة النص: خط من خلال؛". |
|---|---|
باستخدام هذه الخيارات ، يمكنك إنشاء نمط فريد للنص الخاص بك وتحقيق التأثير المطلوب. تذكر أن اختيار الخط الصحيح ومعلماته سيحسن من سهولة قراءة وتفرد المحتوى الخاص بك. | الآن بعد أن تعرفت على معلمات الخط الأساسية ، يمكنك البدء في تجربتها وتخصيصها وفقا لاحتياجاتك. حظا سعيدا في الخلق! |
الخطوة 1. افتح الملف المطلوب مع الرمز
| قبل البدء في تغيير إعدادات الخط في موقعك ، تحتاج إلى فتح الملف باستخدام الرمز الذي يحدد إعدادات الخط. يمكن وضع هذا الملف على جهاز الكمبيوتر الخاص بك أو على خادم ويب. | يمكنك استخدام أي محرر نصوص لفتح الملف باستخدام الرمز. بعض المحررين الشعبية التي غالبا ما تستخدم من قبل المطورين تشمل النص سامية ، رمز استوديو البصرية ، أتوم ، المفكرة others وغيرها. |
|---|---|
إذا تم استضافة ملف التعليمات البرمجية على خادم ويب ، يمكنك استخدام عميل بروتوكول نقل الملفات للوصول إلى الملفات وفتح ملف التعليمات البرمجية المطلوب. | بعد فتح ملف التعليمات البرمجية ، يمكنك البدء في تكوين إعدادات الخط لموقعك. |
الخطوة 2. ابحث عن القسم الذي يحتوي على خيارات الخط
| لتغيير إعدادات الخط على صفحة الويب الخاصة بك ، تحتاج إلى العثور على قسم التعليمات البرمجية المسؤول عن هذه الإعدادات. عادة ما يقع هذا القسم في ملف كس أو داخل علامة | إذا كنت تستخدم ملف كس ، فافتح الملف باستخدام محرر نصوص وابحث عن القسم المسؤول عن إعدادات الخط. عادة ما يبدو وكأنه كتلة مع تعليمات تبدأ مع محدد بما في ذلك خاصية الخط. |
|---|---|
إذا قمت بتغيير إعدادات الخط مباشرة على صفحة الويب ، فابحث عن العلامة | نموذج التعليمات البرمجية: |
| في المثال أعلاه ، يوجد القسم الذي يحتوي على معلمات الخط داخل العلامة | |
|---|---|
الخطوة 3. تغيير قيم المعلمة | الآن بعد أن تعرفت على إعدادات الخط الأساسية ، يمكنك تغيير قيمها لإنشاء المظهر المطلوب للنص على صفحة الويب الخاصة بك. |