تعد الخطوط جزءا مهما من تصميم موقع الويب لأنها تحدد الحالة المزاجية وتجعل المحتوى أكثر جاذبية. إذا كنت ترغب في استخدام الخط بيباس على موقع الويب الخاص بك ، ثم هذا الدليل خطوة بخطوة سوف تساعدك في هذه العملية.
الخطوة 1: ابحث عن ملفات الخطوط وقم بتنزيلها. يتوفر خط بيباس على موارد مختلفة مثل خطوط جوجل أو فونتسكيرل. تحميل ملفات الخط في تف ، أوتف أو وف الأشكال.
الخطوة 2: قم بإنشاء مجلد على الخادم الخاص بك حيث ستضع ملفات الخطوط. تأكد من تحديد مسار المجلد بشكل صحيح في شفرة هتمل لصفحتك.
الخطوة 3: إضافة رمز كس إلى ملف النمط الخاص بك. يمكنك إضافة رمز معين للخط بيباس عن طريق تحديد اسمها والمسار إلى ملفات الخط. على سبيل المثال:
@الخط الوجه {الخط الأسرة: 'بيباس نويه';
سرك: ورل('فيل_باث/بيباسنيو-العادية.تف') شكل ('تروتايب');
}
الخطوة 4: استخدم خط بيباس في كود هتمل الخاص بك. لاستخدام خط بيباس في العناوين أو الفقرات ، حدد اسمه في خاصية كس عائلة الخط. على سبيل المثال:
ح1 {الخط الأسرة: 'بيباس نويه' ، بلا الرقيق;
}
الآن سيتم تطبيق خط بيباس على العناصر المقابلة لموقعك. استخدام هذا الدليل خطوة بخطوة وإعطاء موقع الويب الخاص بك نظرة فريدة وجذابة مع الخط بيباس.
- ربط خط بيباس بالموقع
- اختيار الخط المطلوب
- تحميل الخط بيباس
- توصيل الخط إلى الموقع
- استخدام الخط على الموقع
ربط خط بيباس بالموقع
لتوصيل خط بيباس بموقعك على الويب ، ستحتاج إلى اتباع الخطوات التالية:
الخطوة 1: تحميل ملف الخط بيباس إلى الخادم الخاص بك أو استضافة طرف ثالث. تأكد من أن الملف يحتوي على امتداد.صندوق النقد الدولي, .محكمة تكافؤ الفرص, .ووف أو .2.
الخطوة 2: في ملف كس الخاص بك أو داخل علامة
добавьте следующий код:@الخط الوجه {
الخط الأسرة: 'بيباس';
سرك: رابط (الطريق إلى / بيباس.ملف تف) تنسيق ('تروتايب');
/ * لتنسيقات الخطوط الأخرى ، إضافة خطوط إضافية */
}
الخطوة 3: استخدم خط بيباس في كود كس الخاص بك عن طريق إضافة الكود التالي:
- ص {
- الخط الأسرة: 'بيباس' ، بلا الرقيق;
}
ملاحظة: إذا كان ملف كس الخاص بك موجودا في مجلد منفصل ، فتأكد من تحديد المسار إلى ملف الخط بشكل صحيح.
الآن سيتم تطبيق خط بيباس على جميع الفقرات على موقعك. يمكنك استخدام هذا الخط في عناصر أخرى أيضا ببساطة عن طريق إضافة الأنماط المناسبة إلى رمز كس الخاص بك.
اختيار الخط المطلوب
- قبل توصيل خط بيباس بالموقع ، عليك أن تقرر الخط الذي تريد استخدامه. يوفر بيباس العديد من خيارات الخطوط ، لكل منها خصائصه وخصائصه الخاصة.
- أولا وقبل كل شيء ، تحقق من الموقع حيث يتم تقديم مجموعة الخط بيباس ، واختيار واحد التي تريد ومناسبة لموقعك.
- قم بزيارة موقع الويب الذي يوفر مجموعة خطوط بيباس.
- استكشاف الخطوط المتاحة وخصائصها.
اختيار الخط الذي يلبي الاحتياجات الخاصة بك وتصميم موقع الويب الخاص بك.
بالإضافة إلى اختيار خط بيباس معين ، يجب أن تفكر أيضا في توافقه مع جميع متصفحات الويب. تأكد من أن الخط الذي تختاره مدعوم من قبل جميع المتصفحات الشائعة بحيث يتم عرضه بشكل صحيح على أي جهاز وعلى أي نظام تشغيل.
بعد أن تقرر اختيار الخط ، يمكنك البدء في توصيله بالموقع.
- تحميل الخط بيباس
- يمكنك العثور على الخط بيباس على مختلف المواقع المخصصة للخطوط والتصميم. واحدة من المصادر الأكثر شعبية هو موقع فونتسكيريل. تقدم فونتسكيريل مجموعة ضخمة من الخطوط المجانية ، بما في ذلك بيباس.
- لتحميل الخط بيباس من موقع فونتسكيرل ، اتبع الخطوات التالية:
- فتح موقع فونتسكيرل في مستعرض ويب.
- باستخدام شريط البحث أو الفئات ، ابحث عن خط بيباس.
حدد الإصدار المطلوب من الخط بيباس وانقر على زر" تحميل".
بعد تنزيل ملف الخط ، قم بفك ضغطه للحصول على ملفات الخط بالتنسيقات المطلوبة (عادة.صندوق النقد الدولي أو .أوتف).
الآن لديك الخط بيباس تحميلها ، وكنت على استعداد لبدء توصيله إلى الموقع. في القسم التالي من المقالة ، سننظر في كيفية إضافة خط بيباس بشكل صحيح إلى صفحة ويب.
توصيل الخط إلى موقع على شبكة الانترنت
لتوصيل خط بيباس بموقعك ، اتبع الخطوات التالية:
- تحميل ملف الخط بيباس من الموقع الرسمي للمطور.
- قم بإنشاء مجلد" الخطوط " في المجلد الجذر لموقعك.
- ضع ملف الخط الذي تم تنزيله في مجلد الخطوط.
فتح ملف نمط موقعك (عادة ملف مع .تمديد المغلق).
أضف الكود التالي إلى ملف النمط:
@الخط الوجه {الخط الأسرة: 'بيباس';
سرك: ورل('الخطوط/بيباس-العادية.تف') شكل ('تروتايب');