Bạn đã xem một trang web rất cũ và thấy một thẻ bất thường bên trong HTML ? Nhiều năm trước, các nhà thiết kế web thực sự sẽ thiết lập phông chữ của các trang web của họ bên trong chính HTML , nhưng việc tách cấu trúc (HTML) và phong cách (CSS) đã đi với thực hành này một thời gian trước đây.
Trong thiết kế web hôm nay, thẻ đã không được chấp nhận. Điều này có nghĩa là thẻ không còn là một phần của đặc tả HTML. Mặc dù một số trình duyệt vẫn hỗ trợ thẻ này sau khi nó không còn được dùng nữa nhưng nó không còn được hỗ trợ ở HTML5 nữa, đây là lần lặp lại ngôn ngữ mới nhất. Điều này có nghĩa là thẻ không còn được tìm thấy trong tài liệu HTML của bạn nữa.
Giải pháp thay thế cho thẻ phông chữ
Nếu bạn không thể đặt phông chữ của văn bản bên trong trang HTML có thẻ, bạn nên sử dụng những gì? Cascading style sheets (CSS) là cách bạn đặt kiểu phông (và tất cả các kiểu trực quan) trên các trang web hiện nay. CSS có thể làm tất cả những điều tương tự mà thẻ có thể thực hiện, cộng thêm rất nhiều điều nữa. Chúng ta hãy kiểm tra xem thẻ có thể làm gì khi nó là một lựa chọn cho các trang HTML của chúng ta (hãy nhớ rằng nó không còn được hỗ trợ nữa, vì vậy nó không phải là một tùy chọn) và so sánh cách thực hiện nó với CSS.
Thay đổi họ phông chữ
Khuôn mặt phông chữ là khuôn mặt hoặc họ của phông chữ. Với thẻ phông chữ, bạn sẽ sử dụng thuộc tính "khuôn mặt" và bạn sẽ cần phải đặt nó trong một tài liệu nhiều lần, nhiều lần để đặt phông chữ riêng lẻ cho từng phần văn bản. Nếu bạn cần thực hiện một thay đổi sâu rộng cho phông chữ đó, bạn phải thay đổi mỗi một trong các thẻ riêng lẻ này. Ví dụ:
phông chữ này không phải là sans-serifTrong CSS thay vì phông chữ "khuôn mặt", nó được gọi là phông chữ "gia đình". Bạn viết một kiểu CSS để đặt phông chữ. Ví dụ: nếu bạn muốn đặt tất cả văn bản trong một trang thành Garamond, bạn có thể thêm kiểu hình ảnh như sau:
body {font-family: Garamond, Times, serif; }Kiểu CSS này sẽ áp dụng họ phông chữ của Garamond cho mọi thứ trên trang web vì mọi phần tử trong tài liệu đều là hậu duệ của
Thay đổi màu phông chữ
Như với khuôn mặt, bạn sử dụng thuộc tính "màu" và mã hex hoặc tên màu để thay đổi màu của văn bản. Nhiều năm trước, bạn cũng sẽ đặt riêng phần tử này trên các phần tử văn bản, như thẻ tiêu đề.
phông chữ này màu tímHôm nay, bạn sẽ chỉ viết một dòng CSS.
Điều này linh hoạt hơn nhiều. Nếu bạn cần thay đổi
trên mỗi trang của trang web của bạn, bạn có thể thực hiện một thay đổi trong tệp CSS và mọi trang sử dụng tệp đó sẽ được cập nhật.
Ngoài tuổi tác
Sử dụng CSS để đọc các kiểu trực quan là tiêu chuẩn của nhà thiết kế web trong nhiều năm, vì vậy nếu bạn thực sự đang xem một trang vẫn sử dụng thẻ, thì đó là một trang rất cũ và nó cần phải được phát triển lại để phù hợp với web hiện tại các phương pháp hay nhất về thiết kế và tiêu chuẩn web hiện đại.
Biên tập bởi Jeremy Girard