استایل های مربوط به متن

استایل های مربوط به متن که برای کمک به زنده کردن وب سایت شما می باشد به شرح زیر است.

تنظیم فونت

یک فونت مشخص می کند که چگونه یک رسانه کاراکترهای محتوا را نمایش می دهد. خواه این باشد حکاکی کلمات در سنگ، تنظیم متن روی کاغذ با استفاده از دستگاه چاپ، یا نمایش دادن پیکسل روی مانیتور کامپیوتر، فونت ها به کنترل نحوه تفسیر خوانندگان محتوا کمک می کنند.

هنگامی که متنی را با استفاده از HTML5 در صفحه وب خود قرار می دهید، مرورگر یک سبک فونت، اندازه و قالب پیش فرض را بر اساس نوع عنصر انتخاب می کند و از همان تنظیمات استفاده می کند.

برای تمام متن موجود در آن عناصر در صفحه وب شما این نه تنها باعث ایجاد یک صفحه وب خسته کننده می شود، بلکه می تواند بازدیدکنندگان سایت شما را نیز گیج کند اگر همه محتوا ترکیب شود.

در این مقالات توضیح می دهیم که چگونه می توانید ویژگی های فونتی که مرورگر برای نمایش متن در صفحات وب خود استفاده می کند را تغییر دهید.

پیدا کردن خانواده

استاندارد CSS3 ویژگی font-family style را تعریف می کند تا به شما امکان تغییر سبک فونت را بدهد. فرمت ویژگی font-family در اینجا آمده است:

font-family: fontlist;

مقدار fontlist لیستی از نام فونت ها است که با کاما از هم جدا شده اند. دو راه برای تعیین فونت در لیست وجود دارد:

»»استفاده از یک نام فونت خاص: نام فونت های خاص از مرورگر می خواهد که از آن فونت خاص برای نمایش متن استفاده کند، مانند Times New Roman، Arial، یا Helvetica. مرورگرها محدود به استفاده از فونت هایی هستند که روی ایستگاه کاری نصب شده اند، بنابراین تعیین یک نام فونت خاص می تواند یک قمار باشد.

اگر آن فونت در دسترس نیست در ایستگاه کاری بازدید کننده سایت، مرورگر به فونت پیش فرض باز می گردد. این دارد ارائه چندین گزینه از نام فونت ها به یک روش معمول تبدیل شده است اموال font-family مرورگر سعی می‌کند از فونتی که ابتدا در لیست ارائه شده است استفاده کند، و اگر در دسترس نباشد، فونت بعدی فهرست شده را امتحان می‌کند و به پایین لیست ادامه می‌دهد. اگر هیچ فونتی در دسترس نباشد، مرورگر به فونت پیش‌فرض برمی‌گردد.

»» استفاده از یک گروه فونت عمومی: گروه های فونت عمومی کمی به مرورگر می دهند آزادی عمل بیشتر در انتخاب فونت برای استفاده.به جای جستجوی یک فونت خاص، مرورگر می تواند از هر فونتی که در گروه فونت گنجانده شده است استفاده کند. CSS3 تعریف می کند.

گروه های فونت زیر:

خط شکسته: فونتی که متن دست نویس را تقلید می کند.

فانتزی (fantasy) : یک فونت زینتی که برای متن خاص استفاده می شود.

مونواسپیس (monospace) :  فونتی که از فاصله یکسان برای همه کاراکترها استفاده می کند.

سانس سریف (sans-serif): یک فونت بدون هیچ گونه تزئینی که به کاراکترها اضافه شده است.

سریف (serif) : فونتی که از تزئینات در دم هر کاراکتر استفاده می کند.

این روش معمول است که نام فونت های خاص را ابتدا در لیست فونت ها فهرست کنید و سپس به عنوان آخرین راه حل، یک گروه فونت عمومی را اضافه کنید، مانند این:

font-family: Arial, ‘Times New Roman’, sans-serif;

با این قانون، مرورگر سعی می کند از فونت Arial استفاده کند. اگر در دسترس نیست ، سعی خواهد کرد از فونت Times New Roman استفاده کند. اگر Times New Roman نیز در دسترس نباشد، مرورگر به دنبال فونتی از گروه فونت sans-serif می‌گردد.

توجه داشته باشید که برای نام فونت هایی که دارای فاصله هستند، باید نام را در یک نقل قول قرار دهید.

استاندارد CSS3 یک ویژگی جدید هیجان انگیز به نام فونت وب را تعریف می کند.

فونت های وب به شما این امکان را می دهد که فونت خود را روی سرور تعریف کنید تا مرورگرها بتوانند آنها را همراه با صفحه وب دانلود کنند.