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