الخط هو أحد العناصر المهمة لتصميم الويب ، مما يؤثر بشكل كبير على إدراك المعلومات وسهولة القراءة. يحدد الاختيار الصحيح للخط وحجمه مدى راحة زوار الموقع للتفاعل مع المحتوى. إذا كنت تريد أن تتعلم كيفية تكبير الخط في المغلق ، ثم كنت قد وصلنا إلى المكان الصحيح!
في دليل المبتدئين هذا ، سنلقي نظرة مفصلة على عدة طرق لزيادة حجم الخط في كس. سوف تتعلم كيفية تغيير حجم الخط للمستند بأكمله أو العناصر الفردية ، وكيفية استخدام القيم النسبية ووحدات القياس المختلفة ، وكذلك كيفية التحكم في الأصالة ونمط الخط.
"واحدة من الطرق الأكثر استخداما لزيادة حجم الخط على كس هو استخدام القيم النسبية مثل النسب المئوية أو إم. على سبيل المثال ، يمكنك تعيين حجم الخط إلى 120 ٪ من القيمة الأساسية ، مما سيزيد الخط تلقائيا لجميع العناصر الموجودة على الصفحة."
زيادة الخط في كس ليس فقط يحسن القراءة ، ولكن أيضا يساعد على تكييف الموقع إلى الأجهزة والشاشات المختلفة. بغض النظر عما إذا كنت تقوم بإنشاء موقع ويب من البداية أو إجراء تغييرات على موقع موجود ، فإن معرفة كيفية زيادة الخط في كس سيكون بالتأكيد مفيدا لك في تطوير الويب الخاص بك.
- لماذا من المهم أن نعرف كيفية تكبير الخط في المغلق?
- الخطوة 1: تحديد وحدات الخط
- بكسل أو النسب المئوية?
- الخطوة 2: استخدم القيم النسبية
- العلاقة بين عناصر الوالدين والطفل
- الخطوة 3: تغيير حجم النص الافتراضي
لماذا من المهم أن نعرف كيفية تكبير الخط في المغلق?
قد يكون تكبير الخط ضروريا لفئات مختلفة من المستخدمين ، مثل كبار السن أو أولئك الذين يعانون من مشاكل في الرؤية أو الأشخاص ذوي الإعاقة. يسهل النص الكبير والمقروء بوضوح على جميع هؤلاء المستخدمين قراءة المعلومات وفهمها.
بالإضافة إلى ذلك ، فإن زيادة الخط لها تأثير إيجابي على تجربة مستخدم الهاتف المحمول. على الشاشات الصغيرة للهواتف الذكية والأجهزة اللوحية ، قد يكون من الصعب قراءة النص الصغير بدون تكبير. من خلال زيادة الخط إلى كس للأجهزة المحمولة ، يمكنك تحسين قابلية استخدام موقع الويب الخاص بك وزيادة رضا المستخدمين.
بالإضافة إلى ذلك ، يمكن أن تؤدي زيادة حجم الخط إلى تحسين التصميم المرئي لموقعك على الويب. يمكن للخط الأكبر أن يلفت الانتباه إلى المعلومات المهمة ، ويجعل النص أكثر تعبيرا ويحسن الجماليات العامة للتصميم.
من خلال معرفة كيفية تكبير الخط في كس ، يمكنك بسهولة التحكم في أحجام الخطوط على موقع الويب الخاص بك وتحقيق التأثير البصري المطلوب. بدون هذه المهارة ، قد تجد صعوبة في إنشاء مواقع ويب قد تكون سيئة القراءة أو ذات تصميم مرئي دون المستوى الأمثل.
بشكل عام ، تتيح معرفة كيفية زيادة حجم الخط في كس لمطوري الويب إنشاء مواقع ويب يسهل الوصول إليها وسهلة الاستخدام وممتعة من الناحية الجمالية.
الخطوة 1: تحديد وحدات الخط
قبل زيادة حجم الخط في كس ، تحتاج إلى اتخاذ قرار بشأن وحدات القياس التي ستستخدمها. كس لديها عدة وحدات مختلفة من القياس التي تحدد حجم الخط.
وحدات الخط الأكثر استخداما هي وحدات البكسل (بكسل) والنسب المئوية ( ٪ ).
وحدات البكسل (بكسل) هي وحدة قياس ثابتة تحدد حجم الخط بالبكسل. على سبيل المثال ، إذا قمت بتعيين حجم خط 16 بكسل ، فسيتم عرضه بنفس الحجم على جميع الأجهزة والمتصفحات.
النسب المئوية ( ٪ ) هي وحدة قياس نسبية تحدد حجم الخط بالنسبة للعنصر الأصل. على سبيل المثال ، إذا كان لديك عنصر أصل بحجم خط 16 بكسل ، وقمت بتعيين حجم خط العنصر الفرعي إلى 150 ٪ ، فسيكون حجم خط العنصر الفرعي 24 بكسل (16 بكسل * 150 ٪ = 24 بكسل).
يعتمد الاختيار بين وحدات البكسل والنسب المئوية على إستراتيجية تحجيم الخط المفضلة لديك عبر الأجهزة والمتصفحات. تستخدم وحدات البكسل عادة عند الحاجة إلى تحكم دقيق في حجم الخط ، ويفضل النسب المئوية عند إنشاء تصميم متكيف.
ومن الجدير بالذكر أيضا وحدات الخط الأخرى مثل إم (إم) والنقاط النسبية (ريم) ، والتي توفر إعداد حجم الخط أكثر مرونة وقابلة للتطوير. ومع ذلك ، بالنسبة للمطورين المبتدئين ، سيكون استخدام وحدات البكسل والنسب المئوية طريقة أوضح وأسهل لزيادة حجم الخط.
بكسل أو النسب المئوية?
يتيح لك استخدام وحدات البكسل الحصول على تحكم أكثر دقة في حجم الخط. يمكنك تحديد عدد معين من وحدات البكسل ، والتي يمكن أن تكون مفيدة إذا كنت تريد أن يكون الخط بنفس الحجم تماما على جميع الأجهزة أو إذا كان لديك متطلبات تخطيط خاصة.
ومع ذلك ، ضع في اعتبارك أن تعيين حجم الخط بالبكسل يمكن أن يسبب مشاكل عندما يغير المستخدم حجم الخط في إعدادات المتصفح الخاصة به. إذا تم تعيين حجم الخط بالبكسل ، فسيظل دون تغيير ، وقد يتسبب ذلك في أن يكون النص غير قابل للقراءة أو يتجاوز حدود العناصر.
من ناحية أخرى ، يتيح لك استخدام النسب المئوية إنشاء تصميم أكثر مرونة يتم قياسه تلقائيا وفقا لحجم نافذة المتصفح أو حجم العنصر الأصل. على سبيل المثال ، يمكنك تحديد حجم خط "100 ٪" بحيث يتم توسيعه أو تقلصه تلقائيا وفقا لحجم الحاوية الأصلية.
ومع ذلك ، فإن استخدام النسب المئوية له حدوده. على سبيل المثال ، إذا كان لديك حاوية ثابتة تريد الاحتفاظ فيها بأحجام خطوط نسبية ، فقد تواجه مشكلة تجاوز السعة أو القياس غير الصحيح ، خاصة على الشاشات الصغيرة أو على المقاييس الكبيرة جدا.
نتيجة لذلك ، يعتمد الاختيار بين وحدات البكسل والنسب المئوية على أهداف مشروعك ومجموعة التنازلات التي ترغب في العمل معها. توفر وحدات البكسل حجم نص أكثر قابلية للتنبؤ ، ولكن يمكن أن تتسبب في حدوث مشكلات في إمكانية الوصول ، بينما تخلق النسب المئوية تصميما أكثر مرونة ، ولكن قد يكون من الصعب إدارتها. في النهاية ، الخيار الأفضل هو تطوير استراتيجيتك الخاصة بناء على تفاصيل المشروع واحتياجات جمهورك.
الخطوة 2: استخدم القيم النسبية
عند تعيين حجم الخط في كس ، يمكنك استخدام القيم المطلقة أو النسبية. تشير القيمة المطلقة إلى حجم خط معين ، على سبيل المثال ، 12 بكسل أو 16 نقطة. ومع ذلك ، يمكن أن تؤدي القيم المطلقة إلى حدوث مشكلات ، خاصة عند تغيير حجم شاشة المستخدم أو جهازه.
لإنشاء تخطيط أكثر مرونة ، يوصى باستخدام القيم النسبية. إنها تسمح للخط بالتوسع تلقائيا وفقا لإعدادات المستخدم أو حجم الشاشة. على سبيل المثال ، يمكنك تعيين حجم الخط بالنسبة إلى الحجم الأساسي المحدد في ملف كس.
لاستخدام القيم النسبية في كس ، يمكنك استخدام وحدات قياس مختلفة ، مثل النسب المئوية ( ٪ ) ، إم ، ريم ، وغيرها. تحدد النسب المئوية حجم الخط بالنسبة إلى حجم العنصر الأصل. سوف تتوافق قيمة 100 ٪ مع حجم خط العنصر الأصل.
وتستند وحدات إم و ريم على حجم الخط من العنصر الأصل. ستتوافق قيمة 1 م مع حجم الخط الأساسي المحدد في ملف كس. تتوافق القيمة 1 ريم أيضا مع حجم الخط الأساسي ، ولكنها لا تعتمد على حجم العنصر الأصل ويتم تحديدها عالميا للمستند بأكمله. يتيح لك ذلك التحكم بسهولة في حجم الخط على مستويات تداخل مختلفة.
| وحدة القياس | الوصف |
|---|---|
| % | حجم الخط بالنسبة إلى الأصل |
| م العنصر | حجم الخط نسبة إلى الخط الأساسي |
| ريم | حجم الخط بالنسبة للخط الأساسي المحدد عالميا |
باستخدام القيم النسبية ، يمكنك إنشاء تصميم سريع الاستجابة سيبدو جيدا على الأجهزة والشاشات المختلفة. ضع في اعتبارك أنه يمكن دمج القيم وتطبيقها على عناصر مختلفة من المستند لتحقيق نمط الخط وحجمه المطلوبين.
العلاقة بين عناصر الوالدين والطفل
في كس ، هناك مفهوم للعلاقة بين العناصر الأم والطفل ، والذي يسمح لك بتعيين أنماط للعناصر الفرعية بناء على موقعها بالنسبة للعنصر الأصل.
يتم إنشاء العلاقة بين العناصر باستخدام أدوات الدمج ، والتي تشير إلى العنصر الذي هو سليل عنصر آخر أو موجود بداخله. واحدة من أكثر أدوات الدمج شيوعا هي المساحة. على سبيل المثال ، إذا أردنا تعيين نمط للجميع