الانتقال إلى المحتوى الرئيسي

كيفية استخدام الخط المثبت: تعليمات بسيطة

تثبيت خط جديد

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

الخطوط في المغلق

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

مثال على استخدام الخط

خاتمة

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

  1. تثبيت الخط
  2. اختيار الخط المناسب
  3. تنزيل خط
  4. تثبيت الخط على نظام التشغيل
  5. تطبيق الخط في تطوير الويب
  6. التحقق من الخط على الأجهزة المختلفة

تثبيت الخط

تتضمن عملية تثبيت خط صفحة الويب عدة خطوات:

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

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

ص {

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

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

@استيراد رابط ('https://fonts.googleapis.com/css2?family=Roboto:wght@400; 700 & عرض = مبادلة');

الجسم {

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

}

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

عند تحديد خط في كس ، يمكنك أيضا تحديد أنماط للنص ، مثل غامق أو مائل:

ص {

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

المثال المعطى يحدد نص الفقرة بخط أريال ، بنمط غامق ومائل.

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

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

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

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

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

تنزيل خط

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

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

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

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

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

@الخط الوجه {

عائلة الخط:"اسم الخط";

سرك:ورل ("الخطوط / اسم الملف.خط_التوسع");

}

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

الآن يمكنك استخدام الخط الذي تم تنزيله في أي مكان على موقع الويب الخاص بك عن طريق تحديد اسمها في الخاصية كس "الخط الأسرة". على سبيل المثال:

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

تثبيت الخط على نظام التشغيل

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

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

بعد اكتمال التثبيت ، سيكون الخط متاحا للاستخدام في العديد من البرامج والتطبيقات على جهازك.

ملاحظة:

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

تطبيق الخط في تطوير الويب

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

1. استخدام خاصية عائلة الخط:

مثال على رمز كس:

الجسم {

عائلة الخط: "اسم الخط" ، أريال، بلا شريف;} في هذا المثال ، يتم استبدال" اسم الخط " باسم الخط المثبت. إذا لم يتم تثبيت الخط المحدد على جهاز الكمبيوتر الخاص بالمستخدم ، سيتم استخدام الخط أريال. وإذا أريال هو أيضا غير متوفر ، ثم سيتم استخدام بعض الخط الآخر من مجموعة بلا الرقيق. وبالتالي ، يمكنك تحديد العديد من خيارات الخطوط بترتيب تفضيلها.
2. باستخدام قاعدة @وجه الخط:مثال رمز المغلق:@الخط الوجه { عائلة الخط:"اسم الخط";
سرك: ورل ("شيفت_باث");}الجسم { عائلة الخط: "اسم الخط" ، أريال، بلا شريف;
}باستخدام قاعدة @ الخط والوجه ، يمكنك توصيل خط مخصص موجود على الخادم. في هذا المثال ، يتم استبدال" اسم الخط "باسم الخط ، ويتم استبدال" اسم المسار " بالمسار الفعلي للخط على الخادم. بعد تحديد قاعدة @الخط والوجه ، يمكنك استخدام اسم الخط المحدد في خاصية عائلة الخط.3. استخدام مكتبة طرف ثالث:

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