ปรับขนาดตัวอักษร CSS ด้วยคำสั่ง font-size

สอนเขียนโค้ดปรับขนาดตัวอักษร CSS ด้วยคำสั่ง font-size โดยระบุค่าเป็นตัวเลข กรณีต้องการตัวอักษรที่ใหญ่ให้ใส่ค่าตัวเลขที่มาก กรณีต้องการตัวอักษรที่เล็กให้ใส่ค่าตัวเลขน้อย มีหน่วยปกติคือ px (Pixels) สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ปรับขนาดตัวอักษร CSS ด้วยคำสั่ง font-size

<style>
    .my_font {
        font-size: 18px;
    }
</style>

<font class="my_font">Welcome ยินดีต้อนรับ</div>

โค้ดด้านบนใช้คำสั่ง font-size เพื่อปรับขนาดตัวอักษร โดยกำหนดให้ตัวอักษรมีขนาด 18px ชื่อ class คือ my_font จากนั้นนำ my_font ไปใช้งานกับแท็ก font ในภาษา HTML เพื่อแสดงผลลัพธ์ปรับขนาดตัวอักษรด้วยภาษา CSS