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