W3C duy trì một page of advice on how to size your fonts in CSS - cập nhật vào tháng năm 2010. Theo trang này, cách tốt nhất để tạo kiểu phông chữ là sử dụng "tuyệt đối" font-kích thước cuối cùng:Tôi có nên sử dụng kích thước phông chữ tuyệt đối (nhỏ, trung bình, lớn và cộng sự) không?
thậm chí tốt hơn, nếu một cơ sở in- kích thước được đặt cho tài liệu, sử dụng kích thước tuyệt đối ([xx-small | x-small | small | medium | lớn | x-large | xx-large]) hoặc kích thước tương đối ([lớn hơn | nhỏ hơn]) khi xác định kích thước phông chữ cho một phần tử cụ thể trong tài liệu.
Thông số sau đó defines these font-sizes trong bảng. Theo như tôi hiểu bảng này, small
phải là 2/3 (66%
) kích thước của medium
và large
phải là 4/3 (133%
).
Nếu tôi kiểm tra điều này, tôi nhận được rather different results từ việc diễn giải các tỷ lệ được chỉ định bởi W3C. Các kết quả nhất quán trên các phiên bản mới nhất của Chrome, Firefox và IE, nhưng không kiểm tra với khuyến cáo của W3C. small
là 81.25%
thay vì 66%
và large
là 112.5%
thay vì 133%
.
Điều này có nghĩa là các trình duyệt hiện đại không hỗ trợ các tiêu chuẩn này từ W3C? Có một tiêu chuẩn mới thay thế cho cái này mà tôi không biết? Hay tôi đã hiểu lầm ý nghĩa của bảng đó từ W3C?
Vào cuối ngày, câu hỏi của tôi là: Thực tiễn tốt nhất để sử dụng kích thước phông chữ tuyệt đối trong CSS là gì? Nó có hoạt động nhất quán trên các trình duyệt không? Và lý tưởng nhất là tôi muốn biết những gì các trình duyệt hiện đại tiêu chuẩn đang theo dõi.
Tôi tin rằng cách tốt nhất để sử dụng là sử dụng kích thước phông chữ tương đối: 'em' và phần trăm. Lưu ý rằng html cũng là một thẻ khiến mọi thứ trở nên khó hiểu hơn, lợi ích duy nhất theo thông số html5 là điều này có thể hữu ích về mặt ngữ nghĩa. Nhưng tôi tự hỏi những gì người khác phải ở lại về phong cách css x-lớn là tốt! – c4urself