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