font-family

Description

Sets a list of one or more font families to be used in order of preference. Browsers will use the first available to them. It is good practice to have a common generic font-family last in the list. If the font name contains a space it must be quoted. Separate font names with a comma.

Generic font family names: serif, sans-serif, cursive, fantasy, monospace.

See also:

Font

Font size

Font Style

Font variant

Font weight

Color

The New CSS Font-Family List by KV5R

Live Example

Play with the code in the textarea below.

<!doctype html>
<html>
<head>
<style type="text/css">
p{
 border:solid 1px #50A4AB;
}
#serif{
 font-family:'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif;
}
#sans-serif{
 font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}
#cursive{
 font-family:'Monotype Corsiva','Apple Chancery','ITC Zapf Chancery','URW Chancery L',cursive;
}
#fantasy{
 font-family:Webdings,fantasy;
}
#monospace{
 font-family:Consolas,'Lucida Console','DejaVu Sans Mono',monospace;
}
</style>
</head>
<body>
Serif font in this paragraph could be any of 'Bookman Old Style', Bookman, 'URW Bookman L', 'Palatino Linotype' or the generic serif font of your system.
 Sans-Serif font in this paragraph could be any of Arial, 'DejaVu Sans', 'Liberation Sans', Freesans or the generic sans-serif font of your system.
Cursive font in this paragraph could be any of 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L' or the generic cursive font of your system.
Fantasy font in this paragraph could be Webdings or the generic fantasy font of your system.
Monospace font in this paragraph could be any of Consolas, 'Lucida Console', 'DejaVu Sans Mono' or the generic monospace font of your system.
</body>
</html>

Values

font-family names

Default value

Browser default

Introduced in CSS version

Applies to elements

All

Inherited

Yes

Browser Support

Browsers	IE	Firefox	Safari	Opera	Chrome
Versions	5	1	1	6	0.2

Belongs to:

Font and Text

See the full list CSS properties and browser support: CSS Properties

User login

Navigation