In HTML and XHTML, a CSS font family property is used to specify a list of prioritized font/generic family names; in conjunction with correlating font properties, this list determines the particular font face used to render characters. A font family is a grouping of fonts defined by commonly shared design styles.
Fonts sharing a common design style are commonly grouped into font families; Font Families' members are differentiated by a character's shape display (stroke weight, slant, relative width, etc.); A font face is the unique combination of a specific font family, and some of its members properties (CSS font properties).
A font face attribute, combined with other font presentation attributes may be applied in the HTML using the deprecated font
element.
A best practice for CSS font-family values is to delimit each in quotes as values with whitespace require it.
In CSS, a font-family (or face attribute in HTML) consists of a set of related fonts, grouped as font families. For example, the Times family includes different font sizes, styles (like roman and italic), and weight (like regular and bold).
Web browsers can access fonts online, as well as users local installations, taking advantage of the best of both worlds to provide a seamless user experience.will only be able to apply a font if it is available on the system on which it operates, which is not always the case. Font family is a preferentially ordered list of font families to use when rendering text. The list is separated by commas (as shown above). To avoid unexpected results, the last font family on the font list should be one of the five generic families which are by default always available in HTML and CSS. 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.
Video Font family (HTML)
Generic fonts
The font-family can use a specific named font (like Heisei Mincho W9), but the result depends on the fonts installed on the user machine. The actual appearance will depend on the browser and the fonts installed on the system. A default installation of Firefox on Microsoft Windows, for instance, always displays serif and Times as Times New Roman, and sans-serif and Helvetica as Arial.
Usually only a small subset of them, chiefly 'Cursive', 'Serif', 'Sans-serif' and 'Monospace', are easily configurable by user in web browsers.
Maps Font family (HTML)
See also
- Core fonts for the Web
- List of typefaces
- Presentational markup
- Web typography
Notes
Source of the article : Wikipedia