CSS Фонт / Үсгийн хэв маяг

Фонтын сонголт нь веб сайтын уншигдах чанарт шууд нөлөөлнө.

Үндсэн шинж чанарууд

  • font-family — фонтын нэрс, жишээ нь "Segoe UI", Arial, sans-serif. Хэрэв эхний фонт байхгүй бол дараагийнхыг сонгоно (fallback).
  • font-size — үсгийн хэмжээ (16px, 1rem, 1.2em).
  • font-weight — үсгийн зузаан (normal, bold, 100-аас 900 хүртэлх тоо).
  • font-style — хэв маяг (normal, italic).

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
}
h1 {
    font-weight: bold;
}
em {
    font-style: italic;
}
</style>
</head>
<body>
<h1>Тод фонттой гарчиг</h1>
<p>Энгийн параграф ба <em>налуу</em> текст.</p>
</body>
</html>
Туршиж үзэх »