The font family selection in (X)HTML, CSS, and derived systems specifies a list of prioritized fonts and generic family names; in conjunction with correlating font properties, this list determines the particular font face used to render characters. The family selection is available in two forms: in the deprecated (X)HTML element with its attribute, and in the CSS property. The CSS term font family is matched with the typographical term typeface, which is a grouping of fonts defined by shared design styles. A font is a particular set of glyphs (character shapes), differentiated from other fonts in the same family by additional properties such as stroke weight, slant, relative width, etc. The CSS term font face is matched with "font"; it is decided by a combination of the font family and the additional properties. In both HTML and CSS, the list is separated by commas. To avoid unexpected results, the last font family on the font list should be one of the generic families which are by default always available. In the absence of a font being found, the web browser will use its default font, which may be a user-defined one. Depending on the web browser, a user can in fact override the font defined by the code writer. This may be for personal taste reasons, but may also be because of some physical limitation of the user, such as the need for a larger font size or the avoidance of certain colors. In addition to local fonts, modern web browsers support linking custom font files directly by using the @font-face declaration. Once included, such fonts can be listed in the font-family property, alongside all local and fallback fonts. Examples The following example defines the same font face (Times or a default serif, 14 points, italics) in three ways: With CSS in a separate stylesheet. With inline CSS applied to an element via the attribute. With the deprecated presentational element and its non-standard attribute . ( is not deprecated in general, but its presentational use is.) .text { font-family: times, serif; font-size:14pt; font-style:italic; } <p class="text"> Sample text formatted with CSS in a separate stylesheet. </p> <p style="font-family: times, serif; font-size:14pt; font-style:italic"> Sample text formatted with inline CSS. </p> <p><i><font face="times, serif" size="3"> Sample text formatted with the deprecated FONT tag. </font></i></p> It is a best practice to put a space after the comma, and to put any name containing