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