KandZ – Tuts

We like to help…!

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!

Leave a Reply