Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
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.

 

 

Sitemap