حجم الخط هو أحد الجوانب المهمة عند إنشاء المستندات أو صفحات الويب. تتيح لك القدرة على التحكم في حجم الخط إنشاء نصوص سهلة القراءة وجذابة لقرائك. باستخدام الأمر هتمل ، يمكنك تعيين حجم الخط وفقا لتفضيلاتك ومتطلبات التصميم.
يتم استخدام الأمر حجم الخط لتعيين حجم الخط في المغلق. هناك عدة طرق لتعيين حجم الخط: بالبكسل (بكسل) ، النسب المئوية ( ٪ ) ، وكذلك استخدام كلمات رئيسية مثل "صغير" (صغير) ، "قياسي" (متوسط) ، "كبير" (كبير) ، إلخ. لتعيين حجم الخط ، يمكنك تحديده مباشرة أو نسبة إلى حجم خط آخر.
على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل ، يمكنك استخدام حجم الخط: 16 بكسل ؛ الأمر. إذا كنت بحاجة إلى تعيين حجم الخط بالنسبة لحجم خط آخر ، فيمكنك استخدام النسب المئوية. على سبيل المثال ، حجم الخط: 150 ٪ يعني أنه سيتم زيادة حجم الخط بنسبة 50 ٪ بالنسبة إلى حجمه الأساسي.
باستخدام الأمر حجم الخط يسمح لك للسيطرة على حجم الخط في وثيقة هتمل ، مما يجعلها أكثر قابلية للقراءة وملفتة للنظر. هذا عنصر مهم في تصميم الويب يجب مراعاته عند تطوير مشاريعك.
- بداية المقال
- كيف يمكنني تغيير حجم الخط على الموقع?
- مزايا تحديد حجم الخط
- ميزات أمر تغيير حجم الخط
- كيف يمكنني استخدام الأمر لتغيير حجم الخط?
- مثال على استخدام الأمر لتغيير حجم الخط
بداية المقال
واحدة من أسهل الطرق لتعيين حجم الخط هي استخدام علامة. للقيام بذلك ، يكفي تحديد الحجم المطلوب بالبكسل باستخدام سمة الحجم. على سبيل المثال ، لتعيين حجم الخط إلى 14 بكسل ، تحتاج إلى استخدام التعليمات البرمجية التالية:
النص
ومع ذلك ، فإن هذه الطريقة قديمة بالفعل ولا يوصى باستخدامها ، لأنها لا تفي بمعايير تطوير الويب الحديثة. بدلا من ذلك ، فمن المستحسن استخدام كس للتحكم في حجم الخط.
في كس ، يتم تحديد حجم الخط باستخدام خاصية حجم الخط. على سبيل المثال ، لتعيين حجم الخط إلى 14 بكسل ، تحتاج إلى استخدام التعليمات البرمجية التالية:
النص
أيضا ، يمكن تعيين حجم الخط باستخدام وحدات قياس مطلقة أو نسبية ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو القيم النسبية (إم ، ريم). على سبيل المثال:
النص
يمكن أيضا تعيين حجم الخط عبر ملف كس خارجي أو باستخدام أنماط الصفحة الداخلية. للقيام بذلك ، حدد المحدد المناسب وقيمة الخاصية حجم الخط. على سبيل المثال:
لذلك ، باستخدام الأمر كس ، يمكنك بسهولة تعيين حجم الخط المطلوب على صفحة ويب ، والذي يسمح لك لإنشاء محتوى قابل للقراءة وجذابة للمستخدمين.
كيف يمكنني تغيير حجم الخط على الموقع?
لتغيير حجم الخط على موقع ويب في هتمل ، يمكنك استخدام سمة النمط وتعيين قيمة خاصية حجم الخط. يتيح لك ذلك تعيين حجم الخط بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو وحدات القياس الأخرى.
على سبيل المثال ، لتعيين حجم الخط إلى 14 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
| مثال: |
|
يمكنك أيضا استخدام وحدات القياس النسبية ، مثل النسب المئوية ، لجعل حجم الخط مستجيبا ومتكيفا مع الأجهزة والشاشات المختلفة.
على سبيل المثال ، لتعيين حجم الخط إلى 125 ٪ بالنسبة للقيمة الأساسية ، يمكنك استخدام التعليمات البرمجية التالية:
| مثال: |
|
بالإضافة إلى ذلك ، يمكنك استخدام أنماط كس لتحديد أحجام الخطوط في جميع أنحاء المستند أو للعناصر الفردية باستخدام محددات كس والقواعد.
على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل لجميع الفقرات ، يمكنك استخدام رمز كس التالي:
| مثال: |
ف { حجم الخط: 16 بكسل؛} |
إن استخدام سمة النمط أو أنماط كس يجعل من السهل تغيير أحجام الخطوط على موقعك لتحقيق التأثير المطلوب وتكييفه مع احتياجاتك.
مزايا تحديد حجم الخط
| تحسين القراءة | يساعد تعيين حجم الخط الصحيح على تحسين إمكانية قراءة النص على صفحة الويب. إذا كان النص صغيرا جدا ، فقد يواجه المستخدمون صعوبة في قراءته ، خاصة إذا كانوا يستخدمون أجهزة محمولة أو يعانون من مشاكل في الرؤية. لكن الخط الكبير جدا يمكن أن يشغل مساحة كبيرة جدا على الشاشة ويسبب إزعاجا للمستخدمين. يضمن حجم الخط الصحيح قراءة مريحة لجميع المستخدمين. |
| دعم إمكانية الوصول | يساعد تحديد حجم الخط وفقا لإرشادات إمكانية الوصول إلى موقع الويب على تحسين إمكانية الوصول للمستخدمين ذوي الإعاقة. قد يواجه الأشخاص الذين يعانون من مشاكل في الرؤية أو عسر القراءة صعوبة في قراءة النص ، لذا فإن حجم الخط الصحيح يمكن أن يجعل النص أكثر سهولة وفهما. |
| نمط موحد | يتيح لك تعيين حجم الخط إنشاء نمط موحد واتساق مظهر موقع الويب. يساعد حجم الخط المختار جيدا مع الأنماط وعناصر التصميم الأخرى على إنشاء مظهر احترافي وعالي الجودة. |
| القدرة على التكيف | يتيح لك تعيين حجم الخط جعل موقع الويب متكيفا مع الأجهزة والشاشات المختلفة. يمكن ضبط حجم الخط بحيث يبدو النص جيدا على كل من شاشات سطح المكتب الكبيرة والأجهزة المحمولة الصغيرة. باستخدام كس ، يمكنك إنشاء أنماط التكيف لأحجام الشاشة المختلفة. |
نتيجة لذلك ، يعد تعيين حجم الخط خطوة ضرورية في عملية إنشاء مواقع الويب ، مما يساعد على تحسين إمكانية القراءة والحفاظ على إمكانية الوصول وإنشاء نمط موحد وضمان قدرة الموقع على التكيف. يلعب حجم الخط الصحيح دورا مهما في تحقيق هذه الأهداف وتحسين تجربة المستخدم.
ميزات أمر تغيير حجم الخط
. يسمح لك هذا الأمر بتعيين حجم الخط لعنصر معين أو مجموعة من العناصر على صفحة ويب.
هي القدرة على تحديد حجم الخط في وحدات القياس المختلفة. وحدات القياس الأكثر استخداما لحجم الخط هي وحدات البكسل (بكسل) والنسب المئوية ( ٪ ) والقيم المطلقة (مثل نقطة ، إم).
يحدد حجم الخط إلى 16 بكسل.
يزيد حجم الخط بنسبة 50 ٪ بالنسبة إلى حجمه الأصلي.
يحدد حجم الخط إلى 12 نقطة.
) ، عناصر القائمة وغيرها.
كيف يمكنني استخدام الأمر لتغيير حجم الخط?
لتغيير حجم الخط ، تحتاج إلى استخدام خاصية "حجم الخط" داخل علامة النمط. على سبيل المثال:
نوع من النص
في هذا المثال ، تحدد القيمة "20 بكسل" حجم الخط بالبكسل. يعتمد اختيار القيمة على تفضيلاتك ومتطلبات التصميم.
نوع من النص
- في هذه الأمثلة ، القيم هي" 150 ٪ "و" 1.5 م " يزيد من حجم الخط بنسبة 50 ٪ ، و "2 م" يحدد حجم الخط ضعف حجمه في العنصر الجذر.
- تحديد حجم الخط بالبكسل:
- تعيين حجم الخط كنسبة مئوية:
حجم الخط