font-variation-settings
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Descriptor font-variation-settings trong CSS cho phép tác giả chỉ định các biến thể phông chữ OpenType hoặc TrueType cấp thấp trong quy tắc at-rule @font-face. Các giá trị cho descriptor này giống với thuộc tính font-variation-settings, ngoại trừ các giá trị từ khóa toàn cục.
Vì descriptor này đặt các giá trị biến thể trên đối tượng phông chữ trong quy tắc at-rule @font-face chứ không phải trên toàn bộ phần tử, nên chỉ một số glyph trong một phần tử có thể được hiển thị bằng descriptor này.
Cú pháp
/* Sử dụng cài đặt mặc định */
font-variation-settings: normal;
/* Đặt giá trị cho tên trục OpenType */
font-variation-settings: "xhgt" 0.7;
Giá trị
normal-
Văn bản được trình bày với các cài đặt mặc định.
<string> <number>-
Khi hiển thị văn bản, danh sách tên trục OpenType được truyền cho công cụ trình bày văn bản để bật hoặc tắt các tính năng phông chữ. Mỗi cài đặt luôn là một
<string>gồm 4 ký tự ASCII, theo sau là một<number>chỉ định giá trị trục. Nếu<string>có nhiều hơn hoặc ít hơn số ký tự hoặc chứa ký tự nằm ngoài dải mã U+20 - U+7E, toàn bộ thuộc tính không hợp lệ.<number>có thể là số thập phân hoặc số âm.
Định nghĩa hình thức
| Related at-rule | @font-face |
|---|---|
| Initial value | normal |
| Computed value | as specified |
Cú pháp hình thức
font-variation-settings =
normal |
[ <string> <number> ]#
Ví dụ
Đặt độ đậm và độ rộng phông chữ trong quy tắc @font-face
@font-face {
font-family: "OpenTypeFont";
src: url("open_type_font.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-variation-settings:
"wght" 400,
"wdth" 300;
}
Đặc tả
| Specification |
|---|
| CSS Fonts Module Level 4 # font-rend-desc |
Tương thích trình duyệt
Xem thêm
- Các descriptor
@font-facekhác:font-display,font-family,font-feature-settings,font-stretch,font-style,font-weight,src,unicode-range - Các thuộc tính phông chữ liên quan:
font-feature-settings,font-variation-settings