ویژگی font-size در CSS
در طراحی وب، کنترل اندازه متن یکی از اساسی‌ترین نیازهاست. ویژگی font-size در CSS این امکان را فراهم می‌کند تا اندازه فونت عناصر مختلف را به دقت تنظیم کنید. این ویژگی تأثیر مستقیمی بر خوانایی و تجربه کاربری دارد.
اندازه فونت مناسب نه‌تنها زیبایی طراحی را افزایش می‌دهد، بلکه دسترسی‌پذیری وبسایت را نیز بهبود می‌بخشد.
واحدهای اندازه‌گیری در font-size
ویژگی font-size از واحدهای مختلفی پشتیبانی می‌کند که هرکدام کاربرد خاصی دارند:
| واحد |
توضیحات |
| px |
پیکسل - مقدار مطلق |
| em |
نسبتی به اندازه فونت والد |
| rem |
نسبتی به اندازه فونت ریشه (html) |
| % |
درصدی از اندازه فونت والد |
مقادیر پیش‌فرض و ارث‌بری
مقدار پیش‌فرض font-size در بیشتر مرورگرها 16px است. این ویژگی به صورت ارث‌بری عمل می‌کند، یعنی اگر برای عنصری تعیین نشود، از والد خود به ارث می‌برد.
- برای بازنشانی اندازه فونت می‌توان از مقدار initial استفاده کرد
- مقدار inherit باعث ارث‌بری از والد می‌شود
- مقدار unset بسته به شرایط، مانند inherit یا initial عمل می‌کند
نکات کلیدی در استفاده از font-size
- برای طراحی واکنش‌گرا، از واحدهای نسبی مانند rem یا em استفاده کنید
- حداقل اندازه فونت برای خوانایی بهتر معمولاً 16px توصیه می‌شود
- از اختلاف اندازه مناسب بین عناوین و متن اصلی اطمینان حاصل کنید
- برای جزئیات بیشتر می‌توانید ویژگی font-size در CSS را مشاهده کنید
توجه: هنگام استفاده از واحدهای نسبی، به رابطه سلسله مراتبی عناصر دقت کنید. تغییر اندازه فونت در یک عنصر والد می‌تواند بر تمام فرزندان آن تأثیر بگذارد.
