جلسه ۴۳: شروع type در CSS

در این بخش ، ما به قالب بندی متن خواهیم پرداخت. با خصوصیات قالب بندی های متن معروف آشنا خواهید شد. موارد زیر را بیان خواهیم کرد

• دلایل اینکه چرا نوع در طراحی مهم است
• شروع شدن
• خانواده های قلم

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

دلایل سریع مهم بودن نوع در طراحی

1. روند کلی طراحی را تنظیم می کند
2. نوع مناسب استایل قابل خوانایی بالایی دارد
3. سلسله مراتب بصری را تسهیل می کند.

در این درس ، من شما را به عمق متن های سبک در CSS می برم.

شروع شد

بنابراین ، اولین سوال واضح این است که “چگونه متن را تنظیم کنم تا با قلم خاصی نمایش داده شود؟” خیلی ساده.

p {
     font-family: Verdana
 }

ویژگی font-family فونت را مشخص می کند که قرار است برای محتوای یک عنصر استفاده شود. به طور پیش فرض ، مرورگر کاربر متن را در خانواده فونت مورد استفاده برای آن مرورگر و سیستم عامل کاربر به عنوان مثال Windows ، iOS یا Android و غیره نمایش می دهد. در مثال بالا ، Verdana نام قلم مورد نظر ما است. در حالی که به نظر می رسد ما بیان کرده ایم که از چه فونتی استفاده شود ، هنوز برخی سوال ها مطرح می شود. آیا لازم است نام تمام فونت های دستگاه کاربر را بخاطر بسپارید؟ خوب ، دقیقاً نه، اگر کاربر فونت مشخص شده شما را نداشته باشد ، چه باید کرد؟ ما محکوم شدیم؟ باز هم ، نه.

font family ها

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

1. serif
2. sans-serif
3. monospace
4. cursive
5. fantasy

در درس بعدی ، یک نمونه عملی از این را خواهیم دید.