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