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