تلعب الطباعة دورا مهما في إنشاء تصميم ويب فريد وجذاب. يمكن أن يؤدي اختيار الخطوط الصحيحة إلى جعل الموقع لا ينسى وقابل للقراءة. القدرة على استخدام الخطوط المغلق مخصص يفتح إمكانيات لا نهاية لها لمطوري الويب.
إذا كنت قد عثرت على الخطوط المثالية لمشروعك وقمت بتنزيلها ، فكل ما تبقى هو تثبيتها على موقع الويب الخاص بك. بعد بضع خطوات بسيطة ، يمكنك إضافة الخطوط التي تم تنزيلها إلى كس الخاص بك واستخدامها لنمط النص على صفحة الويب الخاصة بك.
الخطوة الأولى هي تحميل الخطوط إلى الخادم الخاص بك. قم بإنشاء مجلد باسم" الخطوط " على الخادم الخاص بك وقم بتحميل ملفات الخطوط التي تم تنزيلها إلى هذا المجلد. تأكد من أن ملفات الخطوط لها امتداد.صندوق النقد الدولي, .أوتف, .ووف أو .2.
ملاحظة: يوصى باستخدام التنسيقات.ووف أو .2, لأنها توفر دعما وتحسينا أفضل للموقع.
بعد تحميل ملفات الخط ، يمكنك إضافتها إلى ملف كس الخاص بك باستخدام قاعدة @الخط الوجه. في هذه القاعدة ، يمكنك تحديد المسار إلى ملفات الخط وتحديد اسم لاستخدام الخط في خصائص كس.
مثال على الكود:
@الخط الوجه {
الخط الأسرة: 'اسم الخط';
سرك: ورل('مسار/إلى/ملف الخط.وف') شكل ('وف');
/ * تنسيقات الخطوط الأخرى (اختياري) */
}
بعد إضافة قاعدة @ الخط الوجه إلى ملف كس الخاص بك ، يمكنك البدء في استخدام الخطوط الجديدة على موقع الويب الخاص بك. ما عليك سوى تحديد اسم الخط في خاصية عائلة الخط للعناصر المطلوبة.
مثال الاستخدام:
الجسم {
الخط الأسرة: 'اسم الخط' ، بلا الرقيق;
}
الآن لديك كل الأدوات اللازمة لتثبيت واستخدام الخطوط التي تم تنزيلها على موقع الويب. كن مبدعا وجرب خطوطا مختلفة لإنشاء تصميم فريد لصفحة الويب الخاصة بك!
- تحميل الخطوط المغلق: كيفية تثبيت واستخدام على الموقع
- الخطوة 1: تنزيل وتفريغ الخطوط
- الخطوة 2: إنشاء ملف كس للخطوط
- الخطوة 3: ربط الخطوط بالموقع
- الخطوة 4: فحص التغييرات وحفظها
تحميل الخطوط المغلق: كيفية تثبيت واستخدام على الموقع
لإعطاء موقع الويب الخاص بك نظرة فريدة من نوعها وأسلوب ، يمكنك استخدام الخطوط كس تحميلها. في هذا القسم ، سنشرح كيفية تثبيت واستخدام الخطوط التي تم تنزيلها على موقع الويب.
الخطوة 1: قم بتنزيل الخطوط
تحتاج أولا إلى العثور على الخطوط التي تحتاجها وتنزيلها. يمكنك العثور على العديد من الخطوط المجانية على الإنترنت. حدد الخط أو الخطوط التي تريدها وقم بتنزيلها على جهاز الكمبيوتر الخاص بك.
الخطوة 2: ضع الخطوط على موقع الويب الخاص بك
عندما تقوم بتنزيل الخطوط ، ضع ملفاتها على موقع الويب الخاص بك. يوصى بإنشاء مجلد منفصل للخطوط بحيث يمكن الوصول إلى جميع الملفات وتنظيمها بسهولة.
الخطوة 3: إضافة رمز كس لاستخدام الخطوط
الآن بعد أن يتم استضافة الخطوط على موقع الويب الخاص بك ، تحتاج إلى إضافة رمز كس لاستخدام هذه الخطوط. للقيام بذلك ، سوف تحتاج إلى ملف كس المرتبطة موقع الويب الخاص بك.
افتح ملف كس وأضف الكود التالي إلى قسم الأنماط:
بدلا من" اسم الخط "، أدخل اسم الخط ، وبدلا من " مسار الخط.ووف " - المسار إلى ملف الخط على موقع الويب الخاص بك. إيلاء الاهتمام لتنسيق الملف-في هذا المثال ، يتم استخدام تنسيق وف.
الخطوة 4: استخدم الخطوط التي تم تنزيلها على موقع الويب الخاص بك
بمجرد إضافة رمز كس لاستخدام الخطوط ، يمكنك تطبيق هذه الخطوط على العناصر المطلوبة على موقع الويب الخاص بك.
على سبيل المثال ، لتطبيق خط على العناوين ، أضف رمز كس التالي:
هنا ، يجب أن يتوافق "اسم الخط" مع اسم الخط الذي تريد استخدامه للعناوين. إذا كان الخط المحدد غير متوفر ، فإن المتصفح استخدام الخط بلا الرقيق الافتراضي.
الخطوة 5: تحقق من النتيجة
بعد تطبيق الخطوط على موقع الويب الخاص بك ، تحقق من النتيجة في المتصفح. تأكد من أن يتم عرض الخطوط وتعمل بشكل صحيح. تأكد أيضا من تحديد المسار إلى ملفات الخطوط في رمز كس بشكل صحيح.
الآن أنت تعرف كيفية تثبيت واستخدام الخطوط كس تحميلها على موقع الويب الخاص بك. هذه طريقة سهلة لإضافة مظهر وأسلوب أصلي إلى موقع الويب الخاص بك.
الخطوة 1: تنزيل وتفريغ الخطوط
1. ابحث عن مصدر حيث يمكنك تنزيل الخطوط التي تحتاجها. يمكن أن تكون هذه عادة موارد مثل خطوط جوجل أو مواقع أخرى تقدم خطوطا مجانية أو مدفوعة.
2. انتقل إلى المورد المحدد وابحث عن الخطوط التي تحتاجها. عادة ما يتم تقديم الخطوط بعدة أشكال (على سبيل المثال ، عادي ، غامق ، مائل ، إلخ.) ، لذا حدد أنماط الخطوط التي تحتاجها وأضفها إلى عربة التسوق أو انقر فوق الزر "تنزيل".
3. بعد التنزيل ، ستكون ملفات الخطوط بتنسيق مضغوط في شكل أرشيف مضغوط. بفك الأرشيف باستخدام أرشيفي مثل ينرر أو 7 زيب. فقط انقر بزر الماوس الأيمن على الأرشيف وحدد" استخراج الملفات " أو عنصر قائمة مشابه.
4. يمكن أن يكون لملفات الخطوط غير المعبأة تنسيقات مختلفة ، على سبيل المثال،.تف (تروتايب),.أوتف (أوبن) أو غيرها. ستحتاج إلى كل ملفات الخطوط هذه عند تثبيت الخطوط على موقع الويب الخاص بك.
الآن بعد أن أصبح لديك ملفات الخطوط غير المعبأة ، يمكنك المتابعة إلى الخطوة التالية — إضافة هذه الخطوط إلى موقع الويب الخاص بك واستخدامها في أنماط كس.
الخطوة 2: إنشاء ملف كس للخطوط
1. إنشاء ملف جديد مع التمديد.كس في أي محرر نصوص.
2. أضف الكود التالي إلى الملف الذي تم إنشاؤه:
@استيراد رابط ('https://fonts.googleapis.com/css?family=The اسم الانجراف');
استبدل "اسم الخط" باسم الخط الذي قمت بتنزيله. إذا قمت بتنزيل عدة خطوط ، فيمكنك إضافة عدة أسطر بأسماء خطوط مختلفة.
3. أضف الرمز لاستخدام الخطوط التي تم تنزيلها في العناصر المطلوبة على موقع الويب الخاص بك. على سبيل المثال:
الجسم {
الخط الأسرة: 'تغيير الاسم' ، بلا الرقيق;
}
ح1 {
عائلة الخط: 'اسم الخط' ، الرقيق;
}
ص {
الخط الأسرة: 'إسم_التحويل' ، مخطوطة;
}
تأكد من استبدال "اسم الخط" باسم الخط الصحيح الذي حددته في سطر الاستيراد.
4. حفظ الملف مع .تمديد المغلق.
الآن لديك ملف كس مع الخطوط المستوردة ورمز لاستخدامها على موقع الويب الخاص بك.
الخطوة 3: ربط الخطوط بالموقع
بعد تنزيل الخطوط اللازمة لموقع الويب الخاص بك ، تحتاج إلى توصيلها بالمشروع. هناك عدة طرق للقيام بذلك.
| 1. يمكن وضع الخطوط التي تم تنزيلها على الخادم الخاص بك أو في التخزين السحابي. ثم يمكنك تحديد رابط لكل من الخطوط في ملف كس. | 2. يمكنك أيضا استخدام الخدمات المضمنة مثل خطوط جوجل أو خطوط أدوبي. توفر لك هذه الخدمات روابط إلى الخطوط التي يمكنك استخدامها في ملف كس الخاص بك. |
| 3. Если вы хотите использовать загруженные шрифты для всего веб-сайта, вы можете добавить их в свою CSS-таблицу стилей с помощью правила @font-face. | Вот пример кода для подключения шрифта с помощью правила @font-face: |
| @font-face { | |
| font-family: 'FontName'; | src: url('path/to/font.woff') format('woff'), |
| url('path/to/font.ttf') format('truetype'); | font-weight: normal; |
| font-style: normal; | } |