Fluid Web Typography

Type Size & Line Height

In Web design, type size is set using one of two CSS properties, either font, which is a shortcut for setting several different font values or font-size, which is used only to set the size. The space between lines of text in a block can also be set in the font property or using the line-height property.

						font: normal 16px/24px century, serif;
					
					
						font-size: 16px;
					
					
						line-height: 24px;
					

Setting Font Size & Line Height

Font sizes can be set as part of the font property short cut or independently.

Any of the relative or absolute size-value units listed earlier in this chapter can be applied to set the font size or line height. Or you can use specific keywords to set absolute sizes, which can then be adjusted with relative-size ...