Concept

font-family is used to specify the fonts you want to apply to the text on your website.

font-family allows you to specify a prioritized list of font names, separated by commas. The system will attempt to apply the first font in the list if it is available, otherwise it will move on to the next fonts until it finds a valid font.

Usage

Example

HTML

<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae cum sunt vel harum numquam explicabo deleniti vitae natus facilis, repellat autem ex, laboriosam doloribus officia, earum eum. Inventore, tempore harum.</p>

CSS

p {
  font-family: 'Courier New', Courier, monospace;
}

Result:

Experience