كيفية إضافة خط جديد إلى مشروع صلب

غالبا ما يسعى مطورو الويب إلى إضافة خطوط جديدة إلى مشاريعهم لجعلها أكثر تميزا وجاذبية. في هذه المقالة ، سننظر في كيفية إضافة خط جديد إلى مشروع قوي.

الخطوة الأولى هي اختيار الخط المناسب. يمكنك البحث عن الخطوط على مواقع الويب المختلفة حيث يتم تقديمها في تخطيطات أو كملفات خطوط. عندما تجد خطا مناسبا ، قم بتنزيله وحفظه على جهاز الكمبيوتر الخاص بك.

ثم عليك إضافة ملف الخط هذا إلى مشروعك. قم بإنشاء مجلد باسم" الخطوط " في دليل المشروع. ثم انسخ ملف الخط إلى هذا المجلد. تأكد من أن الملف يحتوي على الاسم والامتداد الصحيحين.

بعد ذلك ، تحتاج إلى تحديد المسار إلى ملف الخط في ملف كس الخاص بك. افتح ملف كس وأضف الكود التالي:

@الخط الوجه {

الخط الأسرة: 'اسم الخط';

سرك: ورل ('../ الخطوط / اسم الملف.تمديد')

}

استبدل اسم الخط باسم الخط المحدد واسم الملف.ملحق اسم وامتداد ملف الخط الذي قمت بنسخه إلى مجلد الخطوط.

بعد الانتهاء من هذه الخطوات ، قمت بإضافة خط جديد بنجاح إلى مشروعك الصلب. الآن يمكنك استخدامه عن طريق تحديد اسمها في أنماط كس.

1. إضافة خط جديد إلى المشروع الصلب
2. اختيار وتحميل خط جديد
3. توصيل خط بمشروع صلب
4. تحديد الأنماط لخط جديد

إضافة خط جديد إلى المشروع الصلب

يمكن أن تسمح لك إضافة خط جديد إلى المشروع الصلب بإنشاء تصميمات فريدة وجذابة لموقعك. سيصف الدليل التالي كيفية إضافة خط جديد إلى مشروع قوي.

الخطوة 1: احصل على ملف الخط

الخطوة الأولى هي الحصول على ملفات الخطوط التي تريد إضافتها إلى المشروع الصلب. عادة ما يكون لملفات الخطوط امتداد.ووف أو .2. يمكنك العثور على خطوط مجانية على الإنترنت أو شراء خطوط مدفوعة على مواقع الويب المتخصصة.

الخطوة 2: قم بتوصيل ملفات الخطوط بالمشروع

قم بإنشاء مجلد جديد داخل دليل المشروع الصلب وقم بتسميته "الخطوط"أو " الخطوط". انقل ملفات الخطوط إلى هذا المجلد.

افتح ملف الأنماط لمشروعك الصلب (عادة ملف مع الامتداد .المغلق) وإضافة التعليمات البرمجية التالية:

@الخط الوجه {

عائلة الخط:"اسم الخط";

سرك: ورل("/الخطوط/اسم الملف.وف") شكل ("وف"),

رابط ("/الخطوط / اسم الملف.ووف 2") شكل ("ووف 2");

}

استبدل "اسم الخط" باسم الخط المطلوب ، و" اسم الخط " بالاسم الفعلي لملفات الخطوط.

الخطوة 3: تطبيق الخط الجديد على عناصر الصفحة

يمكنك الآن استخدام الخط الجديد في مشروعك الصلب. للقيام بذلك ، قم بتطبيقه على العناصر المقابلة باستخدام خاصية عائلة الخط في قاعدة كس المقابلة.

على سبيل المثال ، إذا كنت تريد تطبيق خط جديد على الفقرات ، فاستخدم التعليمات البرمجية التالية:

ص {

عائلة الخط: "اسم الخط" ، أريال، بلا شريف;

}

استبدال "اسم الخط" مع الاسم المطلوب من الخط الخاص بك ، و "أريال ، بلا الرقيق" مع خط النسخ الاحتياطي التي سيتم استخدامها في حالة الخط الجديد غير متوفر.

مبارك! لقد نجحت في إضافة خط جديد إلى المشروع الصلب ويمكنك تطبيقه على تصميماتك. حظاً موفّقاً!

اختيار وتحميل خط جديد

في الصلبة ، يمكنك إضافة خط جديد لمشروعك لإعطائها نظرة فريدة من نوعها والمظهر. للقيام بذلك ، سوف تحتاج إلى العثور على الخط وتنزيله ، وكذلك تكوين استخدامه في التعليمات البرمجية الخاصة بك.

1. البحث عن الخط وتنزيله:

الخطوة الأولى هي العثور على الخط المناسب لمشروعك. يمكنك الرجوع إلى مختلف المكتبات الخط على الانترنت مثل جوجل الخطوط ، أدوبي الخطوط أو الخط السنجاب ، حيث يمكنك العثور على مجموعة واسعة من الخطوط المجانية والمدفوعة. بعد تحديد خط ، قم بتنزيله على جهاز الكمبيوتر الخاص بك أو انسخ الرابط إليه.

2. إعدادات الخط:

بعد تنزيل الخط ، ستحتاج إلى تكوين استخدامه في التعليمات البرمجية الخاصة بك. للقيام بذلك ، يمكنك استخدام قاعدة @الخط الوجه في ملف كس الخاص بك. يوجد أدناه مثال على الكود:

@الخط الوجه {

عائلة الخط:'اسم مقتصد';

في هذه الحالة ، يجب أن تكون قادرا على تحديد ما إذا كنت ترغب في تحديد ما إذا كنت ترغب في تحديد ما إذا كنت ترغب في ذلك.تنسيق الملف');

}

استبدل "اسم الخط" باسم الخط المطلوب ، و "اسم المسار".تنسيق الملف " إلى المسار إلى ملف الخط على جهاز الكمبيوتر الخاص بك أو رابط إليه إذا كنت تستخدم مكتبة خطوط عبر الإنترنت. على سبيل المثال:

@الخط الوجه {

الخط الأسرة: 'مونتسيرات';

سرك: رابط('الخطوط/مونتسيرات-العادية.');

}

3. باستخدام الخط الجديد:

بعد تكوين استخدام الخط الجديد ، يمكنك تطبيقه على العناصر الموجودة في التعليمات البرمجية الخاصة بك. للقيام بذلك ، ما عليك سوى تحديد الخط المحدد في خاصية عائلة الخط للعناصر التي تريد تطبيق الخط الجديد عليها. على سبيل المثال:

ح1 {

الخط الأسرة: 'شيفت_اسم' ، بلا الرقيق;

}

استبدل "اسم الخط" باسم الخط الذي تختاره. إذا تعذر تنزيل الخط أو لم يكن مدعوما من قبل متصفح المستخدم ، فسيتم استخدام خط بديل بلا رقيق.

الآن أنت تعرف كيفية تحديد وتحميل خط جديد إلى صلب ، وكذلك تكوين استخدامه في مشروعك. استخدم هذه المعرفة لإنشاء تصميم فريد ومظهر جذاب لمشروعك!

1. حدد الخط المناسب لمشروعك. يمكن أن تكون الخطوط مختلفة ، على سبيل المثال ، للعناوين والنص الأساسي ، لذا اختر الخطوط التي تلبي احتياجاتك.

• عائلة الخط:"اسم الخط";
• }
• استبدال "اسم الخط" مع اسم الخط الخاص بك و "مسار الملف" مع المسار إلى ملفات الخط الخاص بك.