كيفية نسخ الخط إلى كس: دليل كامل

يلعب نمط الخط دورا رئيسيا في تحديد مظهر صفحة الويب. غالبا ما يواجه المطورون مهمة نسخ الخطوط من موقع ويب إلى آخر. في هذا الدليل الكامل ، سننظر في طرق مختلفة لنسخ الخطوط إلى كس.

الطريقة الأولى هي استخدام ورقة أنماط خارجية (كس). للقيام بذلك ، تحتاج إلى تحديد المسار إلى الخط في ملف كس واستخدامه في خاصية عائلة الخط. يمكنك أيضا إرفاق ملف الخط باستخدام قاعدة المغلق @الخط الوجه. تتيح لك هذه الطريقة استخدام الخط في الصفحة بأكملها.

الطريقة الثانية هي استخدام المدمج في نمط كس. للقيام بذلك ، تحتاج إلى إضافة عنصر نمط إلى قسم الرأس من مستند هتمل الخاص بك وتحديد نمط الخط داخله. في هذه الحالة ، سيتم تطبيق الخط فقط على عنصر معين أو مجموعة من العناصر على الصفحة.

من المهم أن تضع في اعتبارك ترخيص الخط عند نسخ موقع ويب. قد تحتوي بعض الخطوط على قيود استخدام ، لذا تحقق دائما من حقوق استخدام الخط قبل نسخه.

في الختام ، من المهم ملاحظة أن نسخ الخطوط يجب أن يتم وفقا لاتفاقيات حقوق النشر والترخيص. ضع في اعتبارك أيضا أنه لا يمكن نسخ جميع الخطوط واستخدامها بشكل قانوني على موقع الويب الخاص بك. لذلك ، من الأفضل استخدام الخطوط المتاحة المجانية للاستخدام في المشاريع التجارية والشخصية.

1. كيفية نسخ الخط إلى كس
2. استيراد الخط: معلومات عامة
3. طرق للحصول على الخطوط لنسخ
4. نسخ خط من محرر رسومات
5. نسخ خط من موارد الويب الأخرى
6. باستخدام الخط الناتج في كس
7. نصائح لاستخدام الخط المنسوخ في كس

كيفية نسخ الخط إلى كس

فيما يلي بعض الخطوات البسيطة لمساعدتك على نسخ خط إلى كس:

الخطوة 1: قم بتنزيل الخط على جهاز الكمبيوتر الخاص بك أو ابحث عنه عبر الإنترنت. عادة ما يتم توفير الخطوط كملفات ذات امتداد.صندوق النقد الدولي, .أوتف, .ووف أو .2.

ملاحظة: تأكد من أن لديك الحق في استخدام الخط المحدد على موقعك. قد تخضع بعض الخطوط لحقوق الطبع والنشر أو لديها قيود على الاستخدام التجاري.

الخطوة 2: قم بإنشاء مجلد جديد على جهاز الكمبيوتر الخاص بك لحفظ الخطوط وملفات كس ذات الصلة.

الخطوة 3: انقل ملفات الخطوط التي تم تنزيلها إلى المجلد الذي قمت بإنشائه. إذا قمت بتحميل ملفات خطوط متعددة ، فتأكد من أنها كلها في نفس المجلد.

الخطوة 4: إنشاء ملف كس جديد في نفس المجلد حيث توجد ملفات الخط. يمكنك تسميته ما تريد ، ولكن يوصى باستخدام اسم يشير إلى أن هذا الملف يحتوي على قواعد للخطوط.

الخطوة 5: افتح ملف كس في محرر نصوص وأضف الكود التالي:

}

استبدل "اسم الخط" بالاسم الذي يصف الخط المحدد على أفضل وجه. بدلا من " اسم الانجراف.ملحق اسم الملف " حدد المسار إلى ملف الخط الذي تريد استخدامه. تأكد من تحديد اسم الملف الصحيح وامتداده.

ملاحظة: يجب تحديد تنسيق الملف وفقا لنوع ملف الخط ، على سبيل المثال:.صندوق النقد الدولي, .أوتف, .ووف أو .2.

الخطوة 6: احفظ ملف كس.

استبدل "اسم الملف".كس " إلى اسم ملف كس الذي قمت بإنشائه.

إلى عنصر هتمل المقابل.

استيراد الخط: معلومات عامة

عند إنشاء مواقع الويب ، من المهم اختيار الخط المناسب الذي سيساعدك على التميز عن المواقع الأخرى وتعيين الحالة المزاجية المناسبة. ومع ذلك ، لا تحتوي جميع أجهزة الكمبيوتر على جميع الخطوط الضرورية افتراضيا. للتأكد من أن موقعك سيتم عرضه بالخط الصحيح حتى على أجهزة الكمبيوتر بدون الخطوط الضرورية ، يمكنك استخدام تقنية استيراد الخط في كس.

استيراد الخطوط إلى كس يسمح لك بإضافة خطوط إضافية إلى موقع الويب الخاص بك ، والتي سيتم تحميلها من الخادم إذا لم يتم العثور عليها على جهاز الكمبيوتر الخاص بالمستخدم. هذا يضمن مظهرا موحدا للموقع ويحافظ على التصميم المحدد ، بغض النظر عن إعدادات الكمبيوتر الخاصة بالمستخدم.

في المغلق. يتم تحديد المعلمات التالية داخل هذه القاعدة: اسم الخط وموقع ملف الخط على الخادم وتنسيق الملف.

. بهذه الطريقة ستتمكن من تضمين خطوط معينة واستخدامها على موقع الويب الخاص بك.

لتسريع تحميل الموقع.

طرق للحصول على الخطوط لنسخ

هناك عدة طرق للحصول على الخطوط لنسخها إلى كس. دعونا ننظر إلى الأكثر شعبية منهم:

1. استخدام الخطوط المضمنة
2. استخدام الخطوط الخارجية المتاحة عبر روابط ورل
3. استخدام الخطوط التي تم تحميلها على الخادم
4. استخدام خطوط النظام القياسية

دعنا ننتقل إلى دراسة مفصلة لكل من هذه الطرق.

نسخ خط من محرر رسومات

قد يكون نسخ خط من محرر رسومات ضروريا إذا كنت تريد استخدام خط معين على موقع الويب الخاص بك ، ولكن لا يمكنك العثور عليه بتنسيق الخط للويب.

لنسخ خط من محرر الرسومات ، اتبع الخطوات التالية:

1. فتح محرر الرسوم البيانية (على سبيل المثال ، أدوبي فوتوشوب ، أدوبي المصور أو الأعرج.) وإنشاء النص المطلوب مع الخط المحدد.
2. التقط لقطة شاشة لشاشة النص باستخدام اختصار لوحة المفاتيح المصمم لإنشاء لقطة شاشة. هذا هو عادة مزيج من مفاتيح" طباعة الشاشة "أو" برتسك " على لوحة المفاتيح.
3. فتح أي محرر الصور (على سبيل المثال ، الطلاء أو فوتوشوب) ولصق لقطة من الشاشة.
4. حدد فقط النص الذي تحتاجه وحفظه كصورة منفصلة. تأكد من أن الخلفية حول النص شفافة تماما.
5. بعد ذلك ، قم بتحميل صورة الخط إلى خادم الويب أو الاستضافة.
6. في ملف كس ، حدد نمطا جديدا للعنصر المطلوب واستخدم خاصية "عائلة الخط" لتحميل صورة الخط التي تم إنشاؤها. على سبيل المثال:

ص {

الخط الأسرة: ورل ('باث_ماجي_شريفت_);

}

يرجى ملاحظة أن استخدام صورة الخط قد يبطئ تحميل موقع الويب الخاص بك وليس الحل الأمثل. إذا كان لديك الخيار ، فمن المستحسن استخدام تنسيقات خطوط الويب مثل وف أو وف 2 لتحقيق أداء أفضل ودعم عبر المتصفح.

نسخ خط من موارد الويب الأخرى

يمكن أن يكون نسخ خط من موارد الويب الأخرى مفيدا إذا كنت تريد استخدام خط معين لموقعك على الويب ، ولكن لا يمكنك الوصول إلى ملفات الخطوط الأصلية.

توفر جوجل الخطوط مجموعة ضخمة من الخطوط المجانية التي يمكن استخدامها لمواقع الويب. لاستخدام خط مع خطوط جوجل ، تحتاج إلى إضافة رابط إلى الخط في ملف كس الخاص بك أو في قسم الرأس من صفحة هتمل الخاصة بك.

ثم يمكنك استخدام هذا الخط عن طريق تحديد اسمه في خاصية عائلة الخط:

افتح ملف كس وابحث عن القاعدة المقابلة للخط الذي تريد نسخه. بجانبه ، ابحث عن عنوان ورل للخط المحدد في خاصية سرك باستخدام الكلمة الرئيسية ورل ().

الخط الأسرة: 'اسم الخط';

سرك: ورل ('https://example.com/font.woff2 ') تنسيق ('ووف 2') ؛ / * رابط الخط */

/ * خصائص أخرى... */

}

@الخط الوجه {

الخط الأسرة: 'اسم الخط';

ثم يمكنك استخدام هذا الخط عن طريق تحديد اسمه في خاصية عائلة الخط:

الخط الأسرة: 'اسم الخط' ، بلا الرقيق;

من المهم أن تتذكر أن نسخ خط من موقع ويب آخر قد ينتهك حقوق النشر. تأكد من أن لديك الحق في استخدام الخط المحدد قبل النسخ.

. تحتاج إلى تحديد المسار إلى ملفات الخطوط ، بالإضافة إلى تمكين خيارات إضافية مثل اسم الخط والوزن والنمط.

الخط الوزن: عادي;

الخط الأسرة