CSS Fonts

In CSS, you can specify the font family, size, style, weight, and other properties for the text on your web page. Here are some of the most commonly used properties:

1. font-family: This property sets the font family used for the text. It can be a specific font or a generic font family, such as serif, sans-serif, monospace, cursive, or fantasy.

body {
  font-family: Arial, sans-serif;
}

2. font-size: This property sets the size of the text.

p {
  font-size: 16px;
}

3. font-style: This property sets the style of the text, such as normal, italic, or oblique.

em {
  font-style: italic;
}

4. font-weight: This property sets the weight of the text, such as normal, bold, or a specific numeric value.

strong {
  font-weight: bold;
}

5. font-variant: This property sets the variant of the text, such as normal or small-caps.

small {
  font-variant: small-caps;
}

6. font-stretch: This property sets the stretch of the text, such as normal, condensed, or expanded.

h1 {
  font-stretch: condensed;
}

7. line-height: This property sets the height of the lines of text.

p {
  line-height: 1.5;
}

By combining these properties, you can create a wide variety of font styles for your web page. It’s important to choose font families that are commonly available on most computers and devices to ensure that your text displays consistently for all users.