ویژگی font-family در CSS

ویژگی font-family در CSS خانواده فونت را برای عنصر مشخص می کند. این ویژگی می تواند چند نوع فونت را بپذیرد.

اگر چند فونت در نظر گرفته شوند، توسط کاما (,) از یکدیگر دیگر جدا شده و به ترتیب نوشتار اولویت بندی می شوند.
در صورتی که اولین فونت خوانده نشود، مرورگر بلافاصله سراغ فونت بعدی رفته و آن را از بین فونتهای نصب شده انتخاب می کند یا آن را توسط دستور font-rule@ دانلود می کند.

نحوه نوشتار

font-family: tahoma, 'Segoe UI', Arial;

font-family: font1, font2, font3, ...;

نکته: فونتهایی که نامشان دو بخشی و با فاصله خالی است، باید کل نام داخل کوتیشن (') یا دابل کوتیشن (") قرار گیرند. مانند:
'Segoe UI' یا "Segoe UI"

 نام گذاری های اشتباه 

این نوع نام گذاری ها اشتباه هستند:

font-family: Goudy Bookletter 1911;
font-family: Red/Black;
font-family: "Lucida" Grande;
font-family: Ahem!;
font-family: test@foo;
font-family: #POUND;
font-family: Hawaii 5-0;

پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی CSS پشتیبانی می کنند.