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