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