size-adjust
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2023.
Descriptor size-adjust trong CSS cho quy tắc at-rule @font-face định nghĩa một hệ số nhân cho phác thảo glyph và các chỉ số liên quan đến phông chữ này. Điều này giúp dễ dàng hài hòa thiết kế của các phông chữ khác nhau khi được hiển thị ở cùng kích cỡ phông chữ.
Descriptor size-adjust hoạt động theo cách tương tự như thuộc tính font-size-adjust. Nó tính toán sự điều chỉnh theo từng phông chữ bằng cách khớp các chiều cao ex.
Cú pháp
size-adjust: 90%;
Giá trị
<percentage>-
Giá trị
<percentage>với giá trị khởi tạo là 100%.
Tất cả các chỉ số liên quan đến phông chữ này được chia tỷ lệ theo phần trăm đã cho. Điều này bao gồm các bước nhảy glyph, bảng đường cơ sở, và các giá trị ghi đè được cung cấp bởi các descriptor @font-face.
Định nghĩa hình thức
| Related at-rule | @font-face |
|---|---|
| Initial value | 100% |
| Percentages | as specified |
| Computed value | as specified |
Cú pháp hình thức
size-adjust =
<percentage [0,∞]>
Ví dụ
Ghi đè các chỉ số của phông chữ dự phòng
Thuộc tính size-adjust có thể hữu ích khi ghi đè các chỉ số của phông chữ dự phòng để chúng khớp tốt hơn với phông chữ web chính.
@font-face {
font-family: "web-font";
src: url("https://example.com/font.woff");
}
@font-face {
font-family: "local-font";
src: local("Local Font");
size-adjust: 90%;
}
Đặc tả
| Specification |
|---|
| CSS Fonts Module Level 5 # size-adjust-desc |
Tương thích trình duyệt
Xem thêm
- Descriptor
font-display - Descriptor
font-family - Descriptor
font-weight - Descriptor
font-style - Descriptor
font-stretch font-feature-settings- Descriptor
font-variation-settings - Descriptor
src - Descriptor
unicode-range - Thuộc tính
font-size-adjust