• กำหนดชื่อ font ด้วย font-family

body {
    background-color: #f4f4f4;
    color: #555555;

    font-family: Arial, Helvetica, sans-serif;
}

ดูเพิ่มเติมเกี่ยวกับการกำหนด font ได้ที่ https://www.w3schools.com/cssref/css_websafe_fonts.asp

• กำหนดขนาดตัวอักษรด้วย font-size

  body {
    background-color: #f4f4f4;
    color: #555555;
  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  

• กำหนดนำหนักหรือลักษณะของข้อความด้วย font-weight

  body {
    background-color: #f4f4f4;
    color: #555555;
  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
  }
  

  font-weight กำหนดค่าอะไรได้บ้าง ดูที่ https://www.w3schools.com/cssref/pr_font_weight.asp

• Property ทั้งสามตัวสามารถรวบอยู่ใน font ตัวเดียวได้

  body {
    background-color: #f4f4f4;
    color: #555555;
  
    font: normal 16px Arial, Helvetica, sans-serif;
  }
  

• กำหนดความสูงของแต่ละบรรทัดด้วย line-height

  body {
    background-color: #f4f4f4;
    color: #555555;
  
    font: normal 16px Arial, Helvetica, sans-serif;
  
    line-height: 2.6em;
  }
  

px กับ em

• px ย่อมาจาก pixel ก็คือระบุขนาดลงไปเลยว่าอยากให้ตัวอักษรมีความสูงกี่ pixel ในหน้าจอ
• em ย่อมาจาก Ems เป็นหน่วยที่ตั้งขึ้นมาเพื่อใช้กับตัวอักษรโดยเฉพาะ เป็นการกำหนดว่า ให้ตัวอักษรมีความสูงเป็นกี่เท่า

ปัจจุบัน นิยมใช้ em กับขนาดตัวอักษร ศึกษาเพิ่มเติมเกี่ยวกับหน่วยต่างๆได้ที่ http://www.siamhtml.com/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%95%E0%B8%81%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%82%E0%B8%AD%E0%B8%87-font-size-%E0%B9%81%E0%B8%9A%E0%B8%9A-percent-em-px-pt/