كس: ما هو محرف وكيفية استخدامه

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

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

على سبيل المثال:

الجسم {

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

}

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

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

1. المغلق: محرف-ما هو?
2. أنواع مختلفة من المحارف
3. كيف يمكنني اختيار سماعة الرأس الصحيحة?
4. المحارف الشعبية
5. كيف يمكنني توصيل محرف الخط عبر المغلق?
6. استخدام خطوط الويب
7. أمثلة على استخدام المحارف في كس

المغلق: محرف-ما هو?

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

يمكن تقسيم الخطوط إلى فئتين رئيسيتين: الرقيق والخالي من الرقيق.

الخطوط الرقيق

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

خطوط بدون خطوط

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

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

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

أنواع مختلفة من المحارف

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

تشمل الأنواع الرئيسية من المحارف ما يلي:

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

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

كيف يمكنني اختيار سماعة الرأس الصحيحة?

عند اختيار نوع الخط المناسب لموقعك على الويب ، عليك مراعاة عدة عوامل:

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

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

المحارف الشعبية

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

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

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

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

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

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

كيف يمكنني توصيل محرف الخط عبر المغلق?

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

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

مثال على رمز اتصال نوع الخط:

@الخط الوجه {

الخط الأسرة: 'فتح بلا';

سرك: ورل('/الخطوط/أوبنسان-العادية.تف') شكل ('تروتايب');

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

}

}

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

 استخدام خطوط الويب

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

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

مثال على استخدام قاعدة @وجه الخط:

كود

الوصف

@الخط الوجه {

عنوان ورل ('ميويبفونت.وف') شكل ('وف');

}

تحديد خط ويب اسمه 'ميويبفونت' وتحديد المسارات إلى ملفات الخط ' ميويبفونت.ووف 2 ' و ' ميويبفونت.وف'. يجب أن تكون ملفات الخط موجودة في نفس الدليل مثل ملف كس.

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

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

}

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

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

1. باستخدام المحارف القياسية: