Có một số phông chữ mặc định có sẵn trong tất cả các trình duyệt. Các họ phông chữ chung này bao gồm monospace, serif và sans-serif
Khi một phông chữ không có sẵn, bạn có thể yêu cầu trình duyệt lựa chọn phông chữ khác.
Ví dụ: Nếu bạn muốn một phần tử sử dụng phông chữ Helvetica, nhưng lựa chọn phông chữ họ sans-serif khi Helvetica không có sẵn, bạn sẽ chỉ định nó như sau:
Tên họ phông chữ chung không phân biệt chữ hoa chữ thường. Ngoài ra, họ không cần khai báo vì chúng là từ khóa CSS.
Để bắt đầu, hãy áp dụng phông chữ Open sans cho phần tử h2, để bây giờ nó có hai phông chữ - Roboto và Open sans. Trong bài trước, bạn đã nhập phông chữ Roboto bằng cách sử dụng thẻ liên kết. Bây giờ, hãy comment thẻ link đó để phông chữ Roboto (sử dụng các nhận xét HTML bạn đã học trước đó) không còn khả dụng nữa.
Lưu ý cách phần tử h2 của bạn lựa chọn xuống phông chữ ưu tiên thứ hai.
Nếu bạn đã cài đặt phông chữ Roboto trên máy tính của mình, bạn sẽ không thấy sự giáng cấp vì trình duyệt của bạn có thể tìm thấy phông chữ mà bạn đã cài đặt trong máy.