Thuộc tính này cung cấp cho các nhà phát triển khả năng đặt font-sizephần tử tùy thuộc vào kích thước của các chữ cái viết thường của nó, thay vì các chữ cái viết hoa.
.element ( font-size: 22px; font-size-adjust: .5; )Trong trường hợp này, các chữ cái thường của phông chữ sẽ có chiều cao là 11px, vì 22 x .5 = 11.
Khi tải phông chữ, có khả năng sẽ có một tỷ lệ co khác giữa các chữ cái thường của phông chữ dự phòng và kiểu chữ mới được tải, vì vậy rất font-size-adjusthữu ích để kiểm soát lượng chỉnh lại khi chúng ta khai báo một cái mới font-familyvà xem Flash của Văn bản chưa được định kiểu (FOUT).
Trong bản trình diễn bên dưới, có thể bật và tắt thuộc tính này để cho thấy phông chữ web như Chaparral khác với x-height và căn chỉnh của các ký tự trong Times, phông chữ dự phòng. Nhưng hãy cẩn thận, thuộc tính này chỉ được hỗ trợ bởi một số ít trình duyệt tại thời điểm này.
Điều này có thể có hiệu ứng ấn tượng khi được đặt trên các phần lớn của nội dung văn bản và cải thiện đáng kể hiện tượng nhấp nháy xảy ra khi chuyển đổi giữa phông chữ dự phòng và phông chữ mới được tải:
Thêm thông tin
- MDN
- W3C
Hỗ trợ trình duyệt
Dữ liệu hỗ trợ trình duyệt này là từ Caniuse, có nhiều chi tiết hơn. Một con số cho biết rằng trình duyệt hỗ trợ tính năng ở phiên bản đó trở lên.
Máy tính để bàn
| Trình duyệt Chrome | Firefox | I E | Cạnh | Safari |
|---|---|---|---|---|
| Không | 3 | Không | Không | Không |
Di động / Máy tính bảng
| Chrome dành cho Android | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Không | Không | Không | Không |