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