ترکیب فونت های رایج 

خصوصیت font-family باید با چندین فونت مقدار دهی شود، این کار بیشترین سازگاری بین مرورگرها و سیستم عامل های مختلف را تضمین می کند. اگر مرورگر اولین فونت را پشتیبانی نکرد، فونت بعدی و به همین ترتیب این روند ادامه پیدا می کند.

با فونتی که می خواهید شروع کنید، و با یک فونت generic خاتمه دهید، این کار باعث می شود تا مرورگر، در صورتی که هیچ یک از فونت های مد نظر شما را پیدا نکرد، یک فونت مشابه را از خانواده فونت generic انتخاب کند.

مثال (ترکیب فونت های رایج در CSS)

p{font-family:"Times New Roman", Times, serif}

در زیر لیستی از ترکیب های رایج فونت ها که با فونت های generic ترکیب شده اند آورده شده است:

فونت های Serif

font-family Example text
Georgia, serif

This is a heading

This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif

This is a heading

This is a paragraph
"Times New Roman", Times, serif

This is a heading

This is a paragraph

فونت های Sans-Serif

font-family Example text
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph
"Arial Black", Gadget, sans-serif

This is a heading

This is a paragraph
"Comic Sans MS", cursive, sans-serif

This is a heading

This is a paragraph
Impact, Charcoal, sans-serif

This is a heading

This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif

This is a heading

This is a paragraph
Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph
"Trebuchet MS", Helvetica, sans-serif

This is a heading

This is a paragraph
Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

فونت های Monospace

font-family Example text
"Courier New", Courier, monospace

This is a heading

This is a paragraph
"Lucida Console", Monaco, monospace

This is a heading

This is a paragraph