Tại sao tỷ lệ phông chữ Aspect vấn đề trong trang web
Tất cả các phông chữ đều có tỷ lệ khung hình (hoặc giá trị). Giá trị khía cạnh phông chữ được tính bằng cách chia chiều cao x chữ thường của phông chữ theo kích thước phông chữ. Khi bạn có giá trị này, bạn có thể sử dụng thuộc tính styleSizeAdjust trong CSS3 để chỉ định giá trị cạnh của phông chữ ưa thích được sử dụng để hiển thị trang web của bạn.
Khi trang web của bạn được xem trên các máy tính không có phông chữ ưa thích của bạn, thuộc tính fontSizeAdjust được sử dụng để chọn kích thước phông chữ tốt nhất cho phông chữ thay thế.
Thuộc tính này giữ cho các trang của bạn trông tốt và loại của bạn dễ đọc ngay cả khi phông chữ lựa chọn đầu tiên của bạn không có sẵn.
Giới thiệu về fontSizeAdjust Property
Sử dụng thuộc tính fontSizeAdjust cho phép bạn kiểm soát việc thay thế phông chữ khi cần thiết. Khi phông chữ lựa chọn đầu tiên không có sẵn, trình duyệt sử dụng phông chữ được chỉ định thứ hai, thường dẫn đến thay đổi lớn về kích thước. Khả năng đọc của một phông chữ bị ảnh hưởng nhiều hơn bởi kích thước của các chữ thường hơn kích thước của các chữ in hoa. Khi trình duyệt biết giá trị khía cạnh cho phông chữ ưa thích của bạn, nó có thể tìm ra kích thước nào cần sử dụng hơn khi hiển thị trang trong phông chữ lựa chọn thứ hai.
Dưới đây là ví dụ điều chỉnh kích thước phông chữ bằng tỷ lệ co là 0,58, là tỷ lệ khung hình cho Verdana. Nếu Verdana không khả dụng trên máy tính, trình duyệt sẽ kích thước phông chữ thay thế để trình duyệt có các chữ thường có kích thước tương tự để có độ rõ ràng cao nhất.
document.getElementById ("myP"). style.fontSizeAdjust = "0,58";Lưu ý: Khi xuất bản, chỉ Mozilla Firefox hỗ trợ đầy đủ thuộc tính fontSizeAdjust.
Tỷ lệ khung hình chung của phông chữ
Bảng này hiển thị các phép tính cho tỷ lệ khung hình của một số họ phông chữ phổ biến.
| Phông chữ | Tỷ lệ khung hình |
|---|---|
| Arial | 0,52 |
| Tiên phong | 0,45 |
| Bookman | 0,40 |
| Calibri | 0,47 |
| Century Schoolbook | 0,48 |
| Cochin | 0,41 |
| Comic Sans | 0,53 |
| Chuyển phát nhanh | 0,43 |
| Chuyển phát nhanh mới | 0,42 |
| Garamond | 0,38 |
| Georgia | 0,48 |
| Helvetica | 0,52 |
| Palatino | 0,42 |
| Tahoma | 0,55 |
| Times New Roman | 0,45 |
| Trebuchet | 0,52 |
| Verdana | 0,58 |