Login | Register   
RSS Feed
Download our iPhone app
Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: Web
Expertise: Intermediate
Dec 9, 1998

Concise CSS Font Definitions Save Space and Time

When defining a style with multiple font properties, you can save space and enhance readability by collapsing the font attribute values into a concise notation. A restriction of using this notation is that you must define the font-style and font-weight attributes first, then the font-size, then the font-family names.

The following code shows the verbose way of defining a style:

.header {font-family: Arial;
	font-size: 16px;
	font-style: normal; 
	line-height: 20px;
	font-weight: bold}
Whereas the following line encapsulates all of the above into a much smaller single line:
.header {font: bold 16px/20px Arial;}
Erik Goetze
Comment and Contribute






(Maximum characters: 1200). You have 1200 characters left.