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