<!DOCTYPE html>
<html>
<head>
    <style>
        body { padding: 20px; background: #f0f4f8; }
        .serif { font-family: Georgia, serif; font-size: 18px; }
        .sans { font-family: Arial, sans-serif; font-size: 18px; }
        .mono { font-family: 'Courier New', monospace; font-size: 18px; background: #282c34; color: #abb2bf; padding: 10px; border-radius: 8px; }
        .katta { text-transform: uppercase; letter-spacing: 5px; font-weight: 800; color: #1B3A5C; }
        .center { text-align: center; color: #2E86AB; }
        .chiziq { text-decoration: line-through; color: #999; }
        .shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-size: 24px; color: #E84D3D; }
    </style>
</head>
<body>
    <p class="serif">Bu Serif shrift (Georgia).</p>
    <p class="sans">Bu Sans-serif shrift (Arial).</p>
    <p class="mono">Bu Monospace shrift (kod uchun).</p>
    <p class="katta">Katta harflar va keng oraliq</p>
    <p class="center">Markazga tekislangan</p>
    <p class="chiziq">O'chirilgan matn</p>
    <p class="shadow">Soyali matn</p>
</body>
</html>