كيف ومن أين استخراج الخطوط: دليل عملي للمبتدئين

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

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

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

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

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

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

كيفية استخدام الخطوط في تصميم الويب: دليل المبتدئين

1. خطوط الويب:

2. خطوط النظام:

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

نموذج التعليمات البرمجية:

الخط الأسرة: أريال ، هلفتيكا ، بلا الرقيق;

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

مثال على استخدام المدمج في جوجل الخطوط الخط:

@استيراد رابط ('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

}

4. أدوات استخراج الخط:

أساسيات العمل مع الخطوط في كس

@الخط الوجه

@الخط الوجه {

}

الخط الأسرة

@الخط الوجه

، يمكننا استخدام اسم الخط في الخاصية

الخط الأسرة

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

ح1 {

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

}

هنا نحدد اسم الخط ، الذي حددناه باستخدام

@الخط الوجه

1. . إذا تعذر تحميل الخط لسبب ما ، فسيستخدم المتصفح خطا بديلا (
2. بلا الرقيق
3. في هذه الحالة).
4. وبالتالي ، فإن العمل مع الخطوط في كس يتلخص في توصيل خط باستخدام
5. @الخط الوجه

وتطبيقه باستخدام الخاصية

الخط الأسرة

. ستساعدك معرفة هذه الجوانب الأساسية في إنشاء صفحات ويب جميلة وفريدة من نوعها.

أين تجد الخطوط المجانية لتصميم الويب