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