CSS — Fonts

Fonts control how text appears on your website. With CSS, you can change the font family, size, weight (boldness), and style (italic, normal). For example, you can make headings bold and large while keeping paragraph text clean and readable. The property 'font-family' lets you choose a font like Arial, Verdana, or Times New Roman. If the user's device doesn't have your preferred font, you can provide backup fonts separated by commas. For example, font-family: Arial, sans-serif will use Arial first and if not available, a similar sans-serif font will be used. The 'font-size' property controls how big or small text appears, and you can use units like px (pixels), em, or %. Using readable and consistent fonts helps improve user experience and makes content easy to understand. Many websites also use Google Fonts to add stylish custom fonts easily.

p { font-family: 'Verdana', sans-serif; font-size: 16px; font-style: italic; }