ترکیب فونت های رایج در CSS
ترکیب فونت های رایج
خصوصیت font-family باید با چندین فونت مقدار دهی شود، این کار بیشترین سازگاری بین مرورگرها و سیستم عامل های مختلف را تضمین می کند. اگر مرورگر اولین فونت را پشتیبانی نکرد، فونت بعدی و به همین ترتیب این روند ادامه پیدا می کند.
با فونتی که می خواهید شروع کنید، و با یک فونت generic خاتمه دهید، این کار باعث می شود تا مرورگر، در صورتی که هیچ یک از فونت های مد نظر شما را پیدا نکرد، یک فونت مشابه را از خانواده فونت generic انتخاب کند.
مثال (ترکیب فونت های رایج در CSS)
در زیر لیستی از ترکیب های رایج فونت ها که با فونت های generic ترکیب شده اند آورده شده است:
فونت های Serif
font-family | Example text |
---|---|
Georgia, serif |
This is a headingThis is a paragraph |
"Palatino Linotype", "Book Antiqua", Palatino, serif |
This is a headingThis is a paragraph |
"Times New Roman", Times, serif |
This is a headingThis is a paragraph |
فونت های Sans-Serif
font-family | Example text |
---|---|
Arial, Helvetica, sans-serif |
This is a headingThis is a paragraph |
"Arial Black", Gadget, sans-serif |
This is a headingThis is a paragraph |
"Comic Sans MS", cursive, sans-serif |
This is a headingThis is a paragraph |
Impact, Charcoal, sans-serif |
This is a headingThis is a paragraph |
"Lucida Sans Unicode", "Lucida Grande", sans-serif |
This is a headingThis is a paragraph |
Tahoma, Geneva, sans-serif |
This is a headingThis is a paragraph |
"Trebuchet MS", Helvetica, sans-serif |
This is a headingThis is a paragraph |
Verdana, Geneva, sans-serif |
This is a headingThis is a paragraph |
فونت های Monospace
font-family | Example text |
---|---|
"Courier New", Courier, monospace |
This is a headingThis is a paragraph |
"Lucida Console", Monaco, monospace |
This is a headingThis is a paragraph |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 22641
دیدگاهها
سلام
خسته نباشید. سایتتون عالیه
ببخشید یه سوال. شما تو سایتتون چه فونتی استفاده کردید؟
سلام
در سایت بیاموز از فونت yekan استفاده شده است.