Bài học thứ 9 nằm trong series học CSS cùng LAPTRINHVIEN.IO. Đây là series giới thiệu về Web Front End Cơ Bản của Trung Tâm Đào Tạo Lập Trình Viên JANETO.

Trong bài học lần trước, chúng ta đã tìm hiểu về Text trong CSS. Để tiếp nối chuỗi video hướng dẫn về CSS, các bạn sẽ được tìm hiểu về Font trong CSS nhé.

Phần này anh Nguyễn Hải Hà sẽ giới thiệu các bạn các kiến thức rất hay mà chắc chắn các bạn sẽ sử dụng khi bạn xây dựng một trang web, đó chính là Font chữ.

Trong một trang web đôi lúc bạn cần in đậm, in nghiêng hay thay đổi Font chữ của một đoạn văn bản nào đó mà không muốn sử dụng thẻ HTML để tác động. Chúng ta hoàn toàn có thể làm được điều đó với các thuộc tính Font trong CSS.

Để thiết lập Font cho một trang HTML hoặc cho từng phần tử trong trang, bạn sử dụng các thuộc tính sau:

• Thuộc tính font-family: được sử dụng để thay đổi bề mặt Font.
• Thuộc tính font-style: được sử dụng để tạo một Font chữ nghiêng hoặc chếch.
• Thuộc tính font-variant: được sử dụng để tạo những chữ hoa nhỏ (small-cap).
• Thuộc tính font-weight: được sử dụng để tăng giảm độ đậm của Font.
• Thuộc tính font-size: được sử dụng để xác định kích cỡ Font.
• Thuộc tính font: sử dụng thuộc tính này nếu bạn muốn viết ít code hơn mà vẫn xác định được các thuộc tính liên quan tới Font ở trên.

Khái đầu tiên về Font trong CSS là Font Family

Trong CSS, có hai loại Font Family:

• generic family: Nhóm các Font chữ có kiểu hiển thị gần giống nhau
  Chúng ta có các generic family như sau: Sans-serif, Serif, Monospace (chỗ này mở hình so sánh)

• font family: xác định Font chữ gì (Time New Roman, Arial, Calibri,…)

Thứ tự font chữ được áp dụng cho phần tử sẽ là từ trái sang phải.

• Font Size
• Font Weight
• Chỉnh Font với Google Font

Cùng xem video hướng dẫn chi tiết bên dưới để hiểu rõ hơn các bạn nhé!

Phần trước: [#CSS08] CSS- Text trong CSS

Các bạn hãy đón xem và ủng hộ bằng cách LIKE/SHARE hay SUBCRIBE để có thể cập nhật thông tin mới nhất từ laptrinhvien.io bạn nhé!

TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN JANETO

 0933067997 – 0933267337
 facebook.com/laptrinhvienio
 YouTube/laptrinhvienio
 tuyensinh@laptrinhvien.io
 Địa chỉ: Tầng 2, tòa nhà The Morning Star – 57 Quốc lộ 13, Phường 26, Quận Bình Thạnh, Tp. Hồ Chí Minh.