Note in the above examples if a font-family name includes more than one word, it must be enclosed in quotation marks. Monospace fonts commonly used on the web:Įxample of style rule to apply a serif font-family to text.īody Sans-serif fonts commonly used on the web: Although you may like the look of Sand, and you know it’s installed on most modern Macs, its non-existence on Windows machines means that your page will turn out looking very different on various machines. In a world with many different operating systems, it is important to know what fonts are widely available across platforms, and what close alternatives exist.

The use of cursive and fantasy fonts are discouraged.

Monospace fonts can be used when precise spacing is needed.

Sans-serif fonts are typically easier to read on a monitor screen than other fonts.

Serif fonts are recommended for pages that are likely to be printed to hard copy.

Generic families include: serif, sans-serif, monospace, cursive/script, fantasy. This is referred to as a 'font stack.' There are many interesting articles online about web typography, especially the use of different font-families in CSS. When using a font-family list in a style rule, the fonts listed should all belong to the same family. For this course, you will be required to include the name of the generic font family as the last choice whenever using a style rule that includes the font-family property. Take some time to read or at least skim online resources to become more familiar with the best fonts for web design. CSS - Font Family Font-family Choices in CSSįont choices for your web pages need to be carefully considered.

Arial font family css