Search results
Jun 13, 2024 · The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
In CSS there are five generic font families: Serif fonts have a small stroke at the edges of each letter. They create a sense of formality and elegance. Sans-serif fonts have clean lines (no small strokes attached). They create a modern and minimalistic look.
The font-family property specifies the font for an element. The font-family property can hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font. There are two types of font family names: family-name - The name of a font-family, like "times", "courier", "arial", etc.
CSS font-family property is used to set the font face of the text on the webpage. In this tutorial, you will learn about the CSS font family with the help of examples.
Font styles. Most fonts have various styles within the same family, typically a bold and an italic one, often also a bold italic style, somewhat less often a small-caps and in a few cases extra-light/extra-bold or stretched/condensed versions. The table below shows a number of different styles.
font-family: "Source Sans Pro", "Arial", sans-serif; When using multiple values, the font-family list of font families defines the priority in which the browser should choose the font family. The browser will look for each family on the user's computer and in any @font-face resource.
Jun 17, 2013 · The font-family property defines the font that is applied to the selected element. The font that is selected is not a single font face, but a “family”, and thus may be dependent on other typographic property values to select the correct face within the family. body { font-family: Arial, Helvetica, sans-serif; }
