CSS 6 💻 fonts and font properties
In CSS you can customize the font style of a web document
font-family → specifies the font family to be used for a text elements
You can add more than one by separating them with comma ','
It sets the font family to be Arial and then sans-serif
font-size → specifies the size of the font for a text element
You can use px, em, rem and % but also keywords like:
medium, x-small, small, large, x-large, smaller, larger etc
It sets the size to 16px;
font-weight → specifies the boldness of a font.
You can use keywords like normal, bold, bolder, lighter but also...
numerical values from 100 to 900
it sets the font weight to bold
font-style → specifies the style of a font
You can use normal, italic, oblique initial and inherit
initial and inherit can be used to almost all properties
It sets the style to italic
6 – fonts
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Custom Font Styling Example</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="custom-font">This is a paragraph with custom font styling.</p>
</body>
</html>.custom-font {
font-size: 16px;
font-family: Arial, sans-serif;
font-style: italic;
font-weight: bold;
}Stop using slow, ad-bloated tool sites! 🤮
🔎 Search “KandZ Tools” on Google to use many professional utilities for free.
KandZ.me is the ultimate minimalist hub for:
✅ Finance (Mortgage, Interest, Inflation)
✅ Tech (Base64, JSON, Dev Suite, IP)
✅ Health (BMI, BMR, TDEE)
✅ Productivity (Timer, Workspace, QR)
⚡️ Fast & Private
🔒 No data leaves your device
💎 100% Free
🔗 Use it now: https://tools.kandz.me
🔖 Bookmark it—you’ll need it later!
