بررسی واحدهای اندازه‌گیری فونت نوشته‌ی مطالب در طراحی وب

فناوری اطلاعات

فونت مطالب نقش مهمی در ایجاد خوانایی مطالب یک وب‌سایت و کاربرپسند شدن آن ایفا می‌کنند. در اين فرصت قصد داريم واحدهای اندازه‌گیری فونت نوشته‌ی مطالب در طراحی وب را به‌صورت مختصر و مفید بررسی کنیم.

در طراحی وب، واحدهای اندازه‌گیری متفاوتی مورداستفاده قرار می‌گیرند که عبارت‌اند از Percent ، Points ، Pixels و Em Space.

% درصد

pt یک پوینت معادل 1.72 اینچ است.

em یک واحد اندازه‌گیری که از والد خود ارث (Inheritance) می‌برد.

px یک پیکسل

استفاده از em و % در واکنش گرایی وب‌سایت بسیار کاربردی است چون % بسته به سایز صفحه‌نمایش و em بسته به ابعاد تگ والد تغییر می‌کند.

در ادامه جدول مقایسه‌ای واحدهای اندازه‌گیری در CSS ارائه شده است.

Points	Pixels	Ems	Percent
6pt	8px	0.5em	50%
7pt	9px	0.55em	55%
7.5pt	10px	0.625em	62.5%
8pt	11px	0.7em	70%
9pt	12px	0.75em	75%
10pt	13px	0.8em	80%
10.5pt	14px	0.875em	87.5%
11pt	15px	0.95em	95%
12pt	16px	1em	100%
13pt	17px	1.05em	105%
13.5pt	18px	1.125em	112.5%
14pt	19px	1.2em	120%
14.5pt	20px	1.25em	125%
15pt	21px	1.3em	130%
16pt	22px	1.4em	140%
17pt	23px	1.45em	145%
18pt	24px	1.5em	150%
20pt	26px	1.6em	160%
22pt	29px	1.8em	180%
24pt	32px	2em	200%
26pt	35px	2.2em	220%
27pt	36px	2.25em	225%
28pt	37px	2.3em	230%
29pt	38px	2.35em	235%
30pt	40px	2.45em	245%
32pt	42px	2.55em	255%
34pt	45px	2.75em	275%
36pt	48px	3em	300%