الخط جراد البحر هو خط أنيق وفريد من نوعه من شأنها أن تعطي موقعك سحر خاص وشخصية. إذا كنت ترغب في استخدامه على موقعك ، فستحتاج إلى عدة خطوات لإضافته وتكوينه. في هذه المقالة ، ونحن سوف اقول لكم كيفية القيام بذلك.
1. قم بتنزيل خط الكركند على جهاز الكمبيوتر الخاص بك. يمكنك العثور عليه على مواقع الويب المختلفة التي تقدم خطوطا مجانية. انتبه إلى تنسيق الملف-من الأفضل استخدام التنسيقات.صندوق النقد الدولي أو .أوتف.
2. إنشاء مجلد على الخادم الخاص بك حيث سيتم تخزين الملفات الخط جراد البحر. سمها ،على سبيل المثال ، "الخطوط".
3. تحميل ملفات الخط جراد البحر إلى المجلد الذي تم إنشاؤه. تأكد من أن الملفات بالتنسيق الصحيح وموجودة في المجلد الصحيح.
4. تخصيص ملف نمط المغلق لاستخدام الخط جراد البحر. إضافة التعليمات البرمجية التالية إلى ملف كس الخاص بك:
5. الآن يمكنك استخدام الخط جراد البحر في أنماط كس الخاص بك عن طريق تحديد اسمها في خاصية الخط الأسرة. على سبيل المثال:
ح1 {
الخط الأسرة: 'جراد البحر' ، بلا الرقيق;
}
الآن تم إضافة الخط جراد البحر بنجاح إلى موقع الويب الخاص بك ، ويمكن استخدامها في أنماط مختلفة!
- باستخدام الخط جراد البحر على موقع الويب الخاص بك
- الخطوة 1: اختيار الخط وتحميله
- الخطوة 2: توصيل خط إلى موقعك
باستخدام الخط جراد البحر على موقع الويب الخاص بك
الخطوة 1: تحميل الخط جراد البحر الخطوة الأولى هي تحميل ملفات الخط جراد البحر إلى الخادم الخاص بك. يمكنك تحميل الخط من موقع جوجل الخطوط الرسمية أو غيرها من الموارد. تأكد من أن لديك ملفات الخطوط في التنسيقات.ووف,.2,.صندوق النقد الدولي أو .محكمة تكافؤ الفرص. |
الخطوة 2: ربط الخط إلى موقع الويب الخاص بك بعد تنزيل الخط ، يجب أن تحدد في ورقة أنماط موقعك أنك تريد استخدام خط الكركند لعناصر معينة. يوجد أدناه مثال على رمز كس الذي يمكنك استخدامه لتوصيل خط: |
@الخط الوجه { الخط الأسرة: 'جراد البحر'; سرك: ورل('الطريق إلى الخاص بك_شريفت/جراد البحر-العادية.وف') شكل ('وف'), url('путь_к_вашему_шрифту/Lobster-Regular.eot') format('embedded-opentype'); |
font-weight: 400;
font-style: normal;
}
Шаг 3: Примените шрифт к вашим элементам
بمجرد توصيل خط الكركند بموقعك ، يمكنك استخدامه لعناصر مختلفة على صفحة الويب الخاصة بك. للقيام بذلك ، ببساطة تحديد قيمة 'جراد البحر' في الخاصية 'الخط الأسرة' للعناصر المطلوبة.
يوجد أدناه نموذج لرمز كس يوضح كيفية تطبيق خط جراد البحر على العناوين والفقرات:
ح1 ، ح2 ، ح3 {
حجم الخط: 18 بكسل;
}
هناك عدة طرق لتنزيل الخط. واحد منهم هو استخدام خدمة الخطوط جوجل.
للبدء ، افتح مستعرض ويب وانتقل إلى موقع خطوط جوجل على https://fonts.google.com /.
في الصفحة الرئيسية سترى عددا كبيرا من الخطوط ذات الأنماط المختلفة. استخدام البحث للعثور بسرعة على الخط جراد البحر.
عندما تجد خط الكركند ، انقر فوق الزر" تحديد " بجواره. بعد ذلك ، سيتم إضافة الخط المحدد إلى قائمة الخطوط المحددة.