تنظیم خودکار سایز

تنظیم خودکار سایز

دو تا از فاکتورهای مهمی که بر خوانایی متن ( فونت ) موثر هستند سایز و x-height ( ارتفاع )‌ می باشد. نتیجه تقسیم ارتفاع به font-size به عنوان aspect value شناخته می شود. فونت هایی با ظاهر مرتفع تر نسبت به فونت هایی که ارتفاع آن ها کاهش می یابد٬ خوانا تر هستند.

CSS راهی برای مقابله با تغییرات aspect value بین خانواده فونت ها ارائه داده است: font- size-adjust

تنظیم خودکار سایز

با استفاده از خاصیت font-size-adjust می توانیم هنگامی که اولین فونت انتخابی در دسترس نبود، کنترل بیشتری روی اندازه فونت ها داشته باشیم. به دلیل همین تفاوت ها در ظاهر یک فونت٬ اگر یک فونت برای یک سایز مشخص خوانا باشد٬ فونت دیگری در همان سایز خواندنش سخت یاحتی غیرممکن است. هنگامی که مرورگر مقدار تناسب اولین فونت انتخابی را بداند، می تواند اندازه فونتی که باید هنگام استفاده از دومین فونت لحاظ شود را تنظیم کند. یک مثال خوب٬ مقایسه ی بین فونت های رایج Times و Verdana است. به تصویر زیر که هر دو فونت را با سایز ۱۰px نمایش می دهد توجه کنید:

p {font-size: 10px;}
    p.cl1 {font-family: Verdana, sans-serif;}
    p.cl2 {font-family: Times, serif; }

تنظیم خودکار سایز

خواندن متنی که با فونت Times نوشته شده است٬ خیلی سخت تر از خواندن متنی است که با فونت Verdana نوشته شده است. البته این موضوع به علت محدودیت نمایش مبتنی بر پیکسل است٬ اما این هم یک دلیل دیگری است که فونت Times در سایز های کوچک خواندنش خیلی سخت تر می شود.

نسبت ارتفاع به سایز کاراکترها در فونت Verdana ٬ ۰٫۵۸ است در حالی که این نسبت برای فونت Times ٬ ۰٫۴۶ است.

کاری که در اینجا می توانید انجام دهید٬ این است که aspect value رو برای فونت Verdana تنظیم کنید.

تنظیم خودکار سایز

بنابراین در این مورد٬ وقتی Times به جای Verdana استفاده می شود٬ سازگاری به صورت زیر اتفاق می افتد:

تنظیم خودکار سایز

که نتیجه آن در تصویر زیر آمده است:

p {font: 10px Verdana, sans-serif; font-size-adjust: 0.58;}
    p.cl2 {font-family: Times, serif; }

تنظیم خودکار سایز

@font-face مستقیما اطلاعات رو از پوشه فونت به دست می آورد. ( با فرض این که پوشه ها دارای اطلاعات باشند٬ که اکثر فونت ها دارند. ). اگر یک پوشه فونت مقدار aspect value را نداشته باشد٬ ممکن است یک عامل کاربر برای محاسبه آن سعی کند اما برای بار دوم ضمانتی وجود ندارد که این مار را انجام بدهد یا حتی بتواند که انجام بدهد.

فرض می کنیم که عامل کاربر aspect value را پیدا کند. مقدار auto برای font- size-adjust راهی برای بهبود خوانایی متن است٬ حتی اگر مقدار دقیق aspect value را نداند. برای مثال٬ اگر عامل کاربر مقدار مشخص شده aspect value را برای فونت verdana که ۰٫۵۸ است را داشته باشد٬ با قطعه کد زیر نتیجه ای مشابه نتیجه ای که در شکل قبل نمایش داده شد٬ در پی خواهد داشت.

p {font: 10px Verdana, sans-serif; font-size-adjust: auto;}
   p.cl2 {font-family: Times, serif; }

استفاده از حالت font-size-adjust: none که حالت پیش فرض است تغییری در سایز فونت نخواهد داشت.

خب٬ با بررسی مبحث ریز و کاربردی تنظیم خودکار سایز ٬ موضوع سایز فونت را به پایان می رسانیم.

با ما همراه باشید تا به سراغ بقیه توصیف گر ها برویم.

از همراهی تون ممنونم.

موفق و موید باشید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *