Browse DevX
Sign up for e-mail newsletters from DevX

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



Building the Right Environment to Support AI, Machine Learning and Deep Learning

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.



Thanks for your registration, follow us on our social networks to keep up-to-date