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