How does the font-family property work in CSS? Why is more than one font used? Isn’t only one font used at a time by the browser?
How does the font-family property work in CSS? Why is more than one font
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
How does the font-family property work in CSS? Why is more than one font used? Isn’t only one font used at a time by the browser?
The
font-familyproperty holds several font names to provide a “fallback” system.The browser tries each font family in the order that they are listed; if the browser does not support the first font, it tries the next font, and so on, down the list. That’s why it’s important that at least the last font in the list be a generic font family that is guaranteed to be universally available. There is no guarantee that the fonts you have loaded on your computer when you design the web page will be loaded on your visitor’s computers—fonts are generally handled client-side, rather than server-side.
A common declaration might look like this:
The “Georgia” font will be used if it is available. If not, the browser will attempt to fall back to “Times New Roman”. If it can’t find that font either, it will use a generic serif font.
For more technical information, I suggest reading the Fonts specification from the W3C.