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