تلعب الخطوط دورا مهما في إنشاء نمط فريد وتصميم صفحة ويب جذاب بصريا. يمكنهم تسليط الضوء على العناوين الرئيسية ولفت الانتباه إلى العناصر الرئيسية وتحسين سهولة قراءة النص. إنشاء الخط الخاص بك باستخدام المغلق هو وسيلة رائعة لإعطاء موقع الويب الخاص بك التفرد والشخصية.
ولكن كيف بالضبط يمكنني إنشاء الخط باستخدام المغلق?
في دليل المبتدئين هذا ، سنلقي نظرة على الخطوات الأساسية التي تحتاج إلى اتباعها لإنشاء الخط الخاص بك باستخدام كس. سننظر في طرق مختلفة لتنزيل الخطوط واستخدامها ، بما في ذلك الخطوط المضمنة والتنزيل من الملفات واستخدام الخطوط من مصادر خارجية.
سوف تتعلم كيفية اختيار الخط المناسب لموقع الويب الخاص بك ، وكيفية تغيير شكله وحجمه ، وكيفية تثبيت الخطوط الاحتياطية لضمان أقصى قدر من التوافق مع المتصفحات المختلفة. هذا الدليل سوف تساعدك على البدء مع الخطوط المغلق وإضافة شخصية إلى المشروع الخاص بك.
- لماذا إنشاء خط باستخدام المغلق?
- الخطوة 1: تعلم المصطلحات الأساسية
- ما هو الخط?
- ما هو المغلق?
- الخطوة 2: اختيار الخط وتحميله
لماذا إنشاء خط باستخدام المغلق?
إنشاء واستخدام الخطوط الخاصة بك باستخدام المغلق يمكن أن تعطي موقع الويب الخاص بك أسلوب فريد من نوعه والغلاف الجوي. بدلا من استخدام الخطوط المتاحة للجمهور والتي يتم مواجهتها بشكل متكرر ، يمكنك تصميم خط فريد يعكس شخصية علامتك التجارية أو مشروعك أو موقع الويب الشخصي.
يسمح لك الخط القابل للتكيف الذي تم إنشاؤه باستخدام كس بالتحكم في مظهر النص على موقع الويب الخاص بك. يمكنك اختيار خط يطابق التصميم والعلامة التجارية الخاصة بك. كس يسمح لك لتعيين خصائص الخط المختلفة مثل الحجم ونمط الخط واللون وتباعد الأسطر ، والتي تعطيك السيطرة الكاملة على تصميم وقراءة النص.
يمكن أن يؤدي استخدام الخط الخاص بك إلى تحسين إمكانية قراءة النص على موقع الويب الخاص بك. يمكنك اختيار خط بتصميم سهل الاستخدام وشخصية محسنة وتباعد الأسطر ، مما سيساعد المستخدمين على قراءة النص على موقع الويب الخاص بك بسهولة أكبر.
إنشاء الخط الخاص بك باستخدام كس أيضا يحسن أداء موقع الويب الخاص بك. بدلا من تنزيل خط تابع لجهة خارجية عبر الإنترنت ، يمكنك استخدام الخط المدمج ، مما يقلل من وقت تحميل الصفحة ويقلل من عدد الطلبات إلى الخادم.
الخطوة 1: تعلم المصطلحات الأساسية
قبل البدء في إنشاء خط باستخدام كس ، تحتاج إلى معرفة المصطلحات الأساسية المتعلقة بالخطوط. سيسمح لك ذلك بفهم العملية بشكل أفضل واتخاذ قرارات أكثر استنارة.
فيما يلي بعض المصطلحات الأساسية التي يجب أن تكون على دراية بها:
الخط: مجموعة من الأحرف الرسومية التي لها نفس النمط والحجم. يمكن أن تكون الخطوط مختلفة في الشكل والتصميم ، على سبيل المثال ، مائل أو غامق.
الصورة الرمزية: حرف واحد داخل الخط. يمكن أن يكون الحرف الرسومي حرفا أو رقما أو رمزا لعلامات الترقيم أو حرفا خاصا.
عائلة الخطوط: مجموعة من الخطوط ذات الاسم الشائع ولكن الأنماط والمتغيرات المختلفة. على سبيل المثال ، قد تتضمن عائلة الخطوط الأريال أنماطا جريئة ومائلة وعادية.
نمط الخط: اختلاف في مظهر الخط الذي يحدد السمنة والمنحدر. على سبيل المثال ، مائل أو غامق أو عادي.
حجم الخط: يحدد ارتفاع الأحرف في الخط. يمكن تحديد الحجم بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
مقياس خطي: نظام قياس حجم الخط حيث يكون لكل حجم خط رقمه الخاص. على سبيل المثال ، يمكن تعيين حجم خط 12 بكسل على أنه 1 م.
فهرس الخط: خاصية كس التي تسمح لك بتحديد واحد أو أكثر من الخطوط المحددة لعرض النص على صفحة ويب. إذا كان الخط المحدد غير متوفر ، يقوم المتصفح تلقائيا بتحديد خط آخر من القائمة.
تعلم هذه المصطلحات الأساسية سوف تساعدك على فهم أفضل لكيفية إنشاء وإدارة الخطوط باستخدام كس. الآن بعد أن تعرفت على المفاهيم الأساسية ، يمكنك المتابعة إلى الخطوة التالية.
ما هو الخط?
يمكن تحديد الخط بخصائص مثل نوع الخط (غامق ، مائل) ، الحجم ، تباعد الأسطر ، إلخ. يطلق على كل حرف في الخط حرف رسومي وهو تمثيل رسومي لحرف أو رقم أو حرف خاص.
تستخدم أنماط الخطوط على نطاق واسع في تصميم الويب وتسمح للمطورين بإنشاء تصميمات صفحات ويب فريدة وممتعة من الناحية الجمالية. باستخدام كس ، يمكنك بسهولة تغيير تصميم النص من خلال تطبيق مختلف الخطوط والخطوط والأحجام.
تتمثل ميزة استخدام الخطوط عبر كس في تخزينها على الخادم وتحميلها على كمبيوتر المستخدم فقط عند الضرورة ، مما يقلل من وقت تحميل الصفحة ويحسن الأداء العام.
ما هو المغلق?
الغرض الرئيسي من كس هو فصل المحتوى (هتمل) وتمثيله (باستخدام كس). يمكن للمطور إنشاء ملف كس منفصل أو تضمين أنماط مباشرة في رمز هتمل باستخدام علامة. هذا يجعل من السهل تغيير مظهر صفحة الويب دون التأثير على محتوياتها.
باستخدام كس ، يمكنك تطبيق أنماط على العناصر الفردية لصفحة ويب أو إلى مجموعات من العناصر. يتم ذلك باستخدام محددات في كس. تتيح لك المحددات تحديد العناصر بناء على نوعها أو فئتها أو سماتها أو علاقتها الهرمية بالعناصر الأخرى. يمكنك بعد ذلك تطبيق أنماط مختلفة ، مثل اللون والخط وحجم النص والمزيد ، على العناصر المحددة.
كما يوفر المغلق القدرة على إنشاء الرسوم المتحركة والتحولات والتحولات لجعل صفحات الويب أكثر تفاعلية وجذابة للمستخدمين. ويتحقق ذلك من خلال استخدام إطارات مفتاحية ، والتحولات ، والرسوم المتحركة في المغلق.
في الختام ، كس هو أداة قوية لتطوير الشبكة التي تسمح لك للسيطرة بسهولة على مظهر صفحة ويب وإنشاء مواقع فريدة وجذابة.
الخطوة 2: اختيار الخط وتحميله
الخطوة الأولى لتحديد الخط هي البحث عنه. هناك العديد من الموارد المجانية والمدفوعة حيث يمكنك العثور على خطوط من أنماط واتجاهات مختلفة. بعض الموارد شعبية تشمل جوجل الخطوط ، أدوبي الخطوط ، والسنجاب الخط. في هذه المواقع ، يمكنك تصفح الخطوط المختلفة واختيار الخط المناسب لمشروعك.
بعد تحديد الخط ، يمكنك تحميله على صفحة الويب الخاصة بك. هناك عدة طرق لتنزيل الخط: استخدام الخطوط الوظيفية المضمنة ، أو توصيله باستخدام @وجه الخط ، أو استخدام الخدمات التي توفر تنزيلات للخط.
تتضمن الخطوط الوظيفية المضمنة خطوطا متوفرة بشكل شائع على جميع أنظمة التشغيل ، مثل أريال, تايمز نيو رومانو و فيردانا. يمكن استخدام هذه الخطوط ببساطة عن طريق تحديد اسمها في خاصية كس عائلة الخط.
إذا كنت ترغب في استخدام خط غير مضمن أو متاح للجمهور ، يمكنك تحميله باستخدام خاصية كس @فونت-فيس. للقيام بذلك ، حدد المسار إلى ملف الخط واسمه ، والتي سيتم استخدامها في قواعد كس.
وهناك أيضا خدمات مثل جوجل الخطوط والخطوط أدوبي التي توفر الوصول إلى مجموعة واسعة من الخطوط ويمكن أن تولد تلقائيا رمز المغلق لتحميل واستخدامها على صفحات الويب. للقيام بذلك ، ما عليك سوى تحديد الخط المطلوب ونسخ التعليمات البرمجية المقدمة إلى ملف هتمل الخاص بك.
لا تنس تحديد الخطوط البديلة التي سيتم استخدامها إذا كان الخط المحدد غير متوفر على جهاز المستخدم. ويمكن القيام بذلك باستخدام خاصية كس عائلة الخط ، وتحديد خطوط متعددة مفصولة بفواصل.
نتيجة لذلك ، يعد اختيار الخط وتحميله خطوة مهمة في إنشاء تصميم ويب فريد وجذاب. كن حذرا عند اختيار الخط وتأكد من أنه يناسب المحتوى ونمط الصفحة.