Làm thế nào để thay đổi phông chữ trên trang web bằng cách sử dụng CSS

Phần tử FONT không được chấp nhận trong HTML 4 và không phải là một phần của đặc tả HTML5. Vì vậy, nếu bạn muốn thay đổi phông chữ trên các trang web của mình, bạn nên tìm hiểu cách thực hiện với CSS (Cascading Style Sheets ).

Các bước để thay đổi phông chữ bằng CSS

1. Mở một trang web bằng trình soạn thảo HTML văn bản. Nó có thể là một trang mới hoặc hiện tại.
2. Viết một số văn bản: Văn bản này ở Arial
3. Bao quanh văn bản với phần tử SPAN: Văn bản này ở Arial
4. Thêm kiểu thuộc tính = "" vào thẻ span: Văn bản này nằm trong Arial
5. Trong thuộc tính kiểu, hãy thay đổi phông chữ bằng kiểu phông chữ cho gia đình: Văn bản này ở Arial

Mẹo để thay đổi phông chữ bằng CSS

1. Phân tách nhiều lựa chọn phông chữ bằng dấu phẩy (,). Ví dụ,
   1. họ phông chữ: Arial, Geneva, Helvetica, sans-serif;
   2. Tốt nhất nên luôn có ít nhất hai phông chữ trong phông chữ của bạn (danh sách phông chữ), để nếu trình duyệt không có phông chữ đầu tiên, nó có thể sử dụng phông chữ thứ hai thay thế.
2. Luôn kết thúc mỗi kiểu CSS với dấu chấm phẩy (;). Nó không cần thiết khi chỉ có một phong cách, nhưng đó là một thói quen tốt để đi vào.
3. Ví dụ này sử dụng kiểu nội tuyến, nhưng kiểu kiểu tốt nhất được đặt trong các trang kiểu bên ngoài để bạn có thể ảnh hưởng nhiều hơn chỉ là một phần tử. Bạn có thể sử dụng một lớp để đặt kiểu trên khối văn bản. Ví dụ:
   1. class = "arial"> Văn bản này ở Arial
   2. Sử dụng CSS:
   3. .arial {font-family: Arial; }