كيفية تعيين الخط لرابط: دليل بسيط للمبتدئين

غالبا ما يتعين على مطوري ومصممي الويب المبتدئين التعامل مع مشكلة اختيار الخط وتكوينه للروابط على مواقعهم. الخط هو عنصر تصميم مهم ويمكن أن يؤثر على الإدراك البصري للمحتوى.

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

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

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

تحديد الخط للارتباط

مثال:

أ {

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

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

أ {

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

في هذه الحالة ، سيتم عرض الروابط في الخط الرقيق.

إذا كنت بحاجة إلى تعيين حجم الخط للارتباط ، فيمكنك استخدام خاصية حجم الخط. على سبيل المثال:

أ {

حجم الخط: 14 بكسل;

}

في هذا المثال ، سيكون للروابط حجم خط 14 بكسل.

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

الرابط

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

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

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

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

كيف يمكنني اختيار الخط المناسب للارتباط?

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

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

هلفتيكا: يجسد الخط هلفتيكا أيضا البساطة والنقاء وهو خيار شعبي للروابط.

جورجيا: يحتوي خط جورجيا على بعض جماليات الخط ويمكن أن يكون اختيارا جيدا لإنشاء تصميم ارتباط أنيق.

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

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

أمثلة على الخطوط الشائعة للروابط

فيما يلي أمثلة على الخطوط الشائعة التي يمكن استخدامها لتصميم الروابط على صفحات الويب:

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