Font Size | اندازه فونت
اندازه فونت عددی است که بزرگی ظاهری نویسه را تعیین می‌کند، اما در محصول دیجیتال تقریباً هرگز یک انتخاب تکی نیست؛ سامانه‌ای از روابط میان نقش‌های متنی، فاصلهٔ خطوط، طول سطر، فاصلهٔ دید و تنظیمات کاربر است. همان مقدار روی مانیتور طراح، گوشی در نور خیابان، و تلویزیون از چند متری حس متفاوتی می‌سازد. تیمی که اندازه را فقط «شانزده پیکسل برای همه» می‌بیند، سلسله‌مراتب، خوانایی و دسترس‌پذیری را به شانس می‌سپارد. اندازه فونت یعنی تعریف مقیاس پایدار و واحدهای نسبی که با بزرگنمایی کاربر و نقاط شکست واکنش‌گرا نشکند.
عدد مطلق در برابر مقیاس نقش‌محور
در چاپ سنتی نقطه واحد رایج بود؛ در طراحی صفحه اغلب پیکسل منطقی دیده می‌شود؛ در پیاده‌سازی وب سالم، واحدهای نسبی مانند rem برای اندازهٔ متن غالب‌اند چون به اندازهٔ ریشه و تنظیمات دسترس‌پذیری احترام می‌گذارند. اما مهم‌تر از واحد، نقش است: نمایش یا هیرو، عنوان‌های چندسطح، متن بدنه، برچسب، و کپشن هر کدام جای مشخصی روی مقیاس دارند. عنوان سی‌ودو پیکسلی فقط وقتی عنوان است که بدنه فاصلهٔ معناداری پایین‌تر داشته باشد؛ اگر همه نزدیک هم باشند، سلسله‌مراتب فرو می‌ریزد و چشم نمی‌داند از کجا شروع کند.
مقیاس تایپوگرافی معمولاً با نسبت هندسی—مثل گام یک‌و‌ربع—ساخته می‌شود تا اندازه‌ها حس تناسب داشته باشند نه انتخاب تصادفی. سیستم‌های طراحی این مقادیر را توکن می‌کنند تا تغییر سراسری ممکن شود. بدون توکن، هر صفحه اندازهٔ دلخواه می‌سازد و محصول وصله‌ای به نظر می‌رسد. نقش نام‌دار مهم‌تر از عدد خام است: مهندس باید بداند «عنوان بخش» چیست، نه فقط «بیست پیکسل».
خوانایی: اندازه، ارتفاع خط و طول سطر
برای متن بدنه در وب، بسیاری از راهنماها حوالی پانزده تا هجده پیکسل منطقی را نقطهٔ شروع می‌دانند؛ پیش‌فرض مرورگر اغلب شانزده است. روی موبایل، فاصلهٔ دید و لرزش دست گاهی اندازهٔ کمی بزرگ‌تر یا ارتفاع خط بازتر می‌طلبد. ارتفاع خط حدود یک‌و‌چهار تا یک‌و‌شش برابر اندازه برای پاراگراف، فشردگی یا گشادی افراطی را کنترل می‌کند. طول سطر خیلی بلند با اندازهٔ بزرگ خسته‌کننده است؛ سطر خیلی کوتاه با اندازهٔ بزرگ حس بریده می‌دهد. این سه با هم خوانایی را می‌سازند؛ دستکاری فقط یکی بدون نگاه به بقیه اغلب شکست می‌خورد.
زمینهٔ خواندن هم فرق دارد: مقالهٔ بلند، برچسب فشردهٔ فرم، و سلول جدول چگال سه تکلیف متفاوت‌اند. جدول ممکن است اندازهٔ کوچک‌تری تحمل کند اگر کنتراست، وزن و فاصله کافی باشد؛ مقاله نه. آزمون با کاربر واقعی و با محتوای واقعی—نه لورم—قابل اعتمادتر از کپی عدد از راهنمای عمومی است.
دسترس‌پذیری: بزرگنمایی، واحد نسبی و متن بزرگ
استانداردهای دسترس‌پذیری می‌خواهند متن تا حدود دو برابر بدون از دست رفتن محتوا یا کارکرد قابل بزرگنمایی باشد. قفل کردن اندازه با پیکسل ثابت به‌گونه‌ای که بزرگنمایی مرورگر یا تنظیم سیستم بشکند، مانع جدی است. استفاده از rem یا واحدهای نسبی، چیدمان منعطف، و اجتناب از ظرف‌های با ارتفاع ثابتِ برش‌دهندهٔ متن، مسیر سالم است. در موبایل بومی، تایپ پویا یا مقیاس متن سیستم باید در اجزا رعایت شود؛ برش عنوان یا همپوشانی دکمه بعد از بزرگ کردن متن، بدهی کیفیت است.
تعریف متن بزرگ در کنتراست نیز به اندازه و وزن وابسته است: متن درشت‌تر یا ضخیم‌تر گاهی آستانهٔ کنتراست متفاوتی دارد. با این حال، تکیه بر کوچک‌ماندن متن برای دور زدن کنتراست، ضدالگو است. اندازه و رنگ باید با هم طراحی شوند، نه اینکه یکی کمبود دیگری را پنهان کند.
واکنش‌گرایی و تایپ سیال میان نقاط شکست
متنی که روی دسکتاپ در فاصلهٔ نشسته خوانده می‌شود ممکن است روی گوشی در حرکت کوچک به نظر برسد یا برعکس فضای هیرو را ببلعد. سامانه‌های واکنش‌گرا اندازه را در نقاط شکست یا به‌صورت سیال میان حداقل و حداکثر تنظیم می‌کنند. رویکرد سیال با توابع محدودکننده، پرش ناگهانی میان دو اندازه را کم می‌کند و ریتم بصری را نرم‌تر نگه می‌دارد. مهم است حداقل خوانا و حداکثر متناسب با سلسله‌مراتب حفظ شود؛ سیال بودن بهانهٔ درهم‌ریختن نقش‌ها نیست.
چگالی صفحه نمایش را سیستم‌عامل معمولاً با پیکسل منطقی جبران می‌کند، اما پیش‌نمایش فقط دسکتاپ کافی نیست. باید روی دستگاه واقعی با چگالی‌های مختلف دید که بدنه و کپشن چگونه دیده می‌شوند. فونت‌های متغیر گاهی اجازه می‌دهند در اندازهٔ کوچک وزن کمی افزایش یابد تا رنگ بصری حفظ شود؛ این تنظیم مکمل اندازه است نه جایگزین مقیاس نقش‌ها.
برند، حس و اقتصاد توجه در اندازه
اندازه‌های درشت و نمایشی حس اعتمادبه‌نفس، وضوح یا فوریت می‌سازند؛ مقیاس فشرده و کنترل‌شده حس دقت یا تراکم ابزاری. این برداشت پیش از خواندن معنا شکل می‌گیرد و با انتخاب خانواده و وزن کامل می‌شود. در محصول، اغراق همیشگی در اندازهٔ نمایشی بدون فضای تنفس، فریاد ثابت می‌شود و تأکید از بین می‌رود. اندازه مثل رنگ تأکیدی باید کمیاب و معنادار بماند. صفحات بازاریابی ممکن است نمایش بزرگ‌تری داشته باشند؛ صفحات ابزار درون‌برنامه‌ای معمولاً مقیاس آرام‌تری می‌خواهند تا داده در اولویت بماند.
هم‌ترازی اندازه با شبکه فاصله و اندازهٔ کنترل‌ها ضروری است. متن بدنهٔ بزرگ کنار دکمهٔ کوچک ناهماهنگ است؛ برچسب ریز کنار فیلد درشت حس ارزان می‌دهد. توکن تایپ و توکن فاصله باید با هم نسخه داشته باشند.
از توکن تا کد: جلوگیری از اندازهٔ یتیم
اندازهٔ یتیم یعنی مقداری که فقط در یک صفحه ظاهر شده و در مقیاس رسمی نیست. این‌ها در بازبینی طراحی زیاد می‌شوند و در بازنویسی تم یا تغییر برند دردسر می‌سازند. قانون عملی: اگر اندازهٔ تازه لازم است، یا نقش جدید به مقیاس اضافه شود یا نزدیک‌ترین پلهٔ موجود پذیرفته شود. مستند مقیاس باید نمونهٔ زنده در استوری یا صفحهٔ راهنما داشته باشد تا بحث «کمی بزرگ‌ترش کن» به انتخاب پلهٔ بعدی تبدیل شود نه عدد آزاد.
سنجش کیفیت اندازه می‌تواند کیفی و کمی باشد: زمان خواندن، نرخ بزرگنمایی کاربر، شکایت «متن ریز است»، و شکست چیدمان در آزمون بزرگنمایی. این سیگنال‌ها اولویت اصلاح را از جدل سلیقه خارج می‌کنند. در نهایت اندازه فونت قرارداد خواندن است؛ وقتی مقیاس روشن، واحد نسبی، و احترام به تنظیم کاربر رعایت شود، متن در دستگاه‌ها و بدن‌های مختلف قابل زندگی می‌ماند.
تمایز مهم با «فونت‌ها» و «وزن فونت» این است که اینجا سؤال اصلی «چقدر بزرگ» و «چگونه مقیاس‌پذیر» است، نه اینکه کدام پروندهٔ خانواده انتخاب شده یا ضربهٔ قلم چقدر ضخیم است. آن دو لایه روی اندازه سوار می‌شوند، اما جایگزینی بحث مقیاس با بحث خانواده یا وزن، باعث می‌شود بدهی خوانایی زیر برند یا زیبایی پنهان بماند. تیم بالغ هر سه را جدا اما هماهنگ مدیریت می‌کند: خانواده و مجوز در لایهٔ فونت، ضخامت در لایهٔ وزن، و پله‌های اندازه در لایهٔ مقیاس و دسترس‌پذیری.
آزمون میدانی اندازه پیش از قفل توکن
پیش از قفل نهایی توکن‌های اندازه، یک دور آزمون میدانی کوتاه کافی است تا از جدل سلیقه‌ای خارج شوید: چند کاربر با تنظیم پیش‌فرض و چند نفر با بزرگنمایی بالاتر، همان مقاله یا فرم را بخوانند و تکمیل کنند. اگر عنوان‌ها در بزرگنمایی روی هم می‌افتند یا بدنه هنوز ریز گزارش می‌شود، مشکل از عدد منفرد نیست؛ از رابطهٔ مقیاس، ارتفاع خط و ظرف چیدمان است. ثبت این یافته‌ها کنار توکن‌ها، تصمیم اندازه را به دارایی تیمی تبدیل می‌کند نه سلیقهٔ آخرین طراح شیفت.
سوالات متداول
اندازه‌ای که بزرگی نویسه‌ها را تعیین می‌کند و باید به‌صورت مقیاس نقش‌محور و معمولاً با واحد نسبی مدیریت شود، نه یک عدد تکی.
نقطه بیشتر میراث چاپ و برخی راهنماهاست؛ پیکسل واحد صفحه است؛ em نسبت به عنصر جاری و rem نسبت به ریشه است و برای مقیاس دسترس‌پذیر رایج‌تر است.
شروع رایج حدود پانزده تا هجده پیکسل منطقی یا پیش‌فرض شانزده وب است؛ بسته به تایپ‌فیس، ارتفاع خط و زمینه باید آزموده شود.
چون بزرگنمایی مرورگر و تنظیمات سیستم را بهتر پشتیبانی می‌کند و کمک می‌کند متن تا حدود دو برابر بدون شکستن چیدمان مقیاس بگیرد.
معمولاً بله؛ فاصلهٔ دید و عرض ویوپورت متفاوت است و تایپ واکنش‌گرا یا سیال این تفاوت را مدیریت می‌کند.