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