@font-feature-values

Cú pháp

@font-feature-values Font Name {
  font-display: swap;
  @styleset {
    nice-style: 12;
  }
  @swash {
    fancy: 2;
  }
}

Mỗi khối @font-feature-values có thể chứa danh sách các khối giá trị tính năng (liệt kê bên dưới), cũng như descriptor font-display.

Các khối giá trị tính năng

@swash

Chỉ định tên tính năng sẽ hoạt động với ký hiệu hàm swash() của font-variant-alternates. Định nghĩa giá trị tính năng swash chỉ cho phép một giá trị: ident1: 2 hợp lệ, nhưng ident2: 2 4 thì không.

@annotation

Chỉ định tên tính năng sẽ hoạt động với ký hiệu hàm annotation() của font-variant-alternates. Định nghĩa giá trị tính năng annotation chỉ cho phép một giá trị: ident1: 2 hợp lệ, nhưng ident2: 2 4 thì không.

@ornaments

Chỉ định tên tính năng sẽ hoạt động với ký hiệu hàm ornaments() của font-variant-alternates. Định nghĩa giá trị tính năng ornaments chỉ cho phép một giá trị: ident1: 2 hợp lệ, nhưng ident2: 2 4 thì không.

@stylistic

Chỉ định tên tính năng sẽ hoạt động với ký hiệu hàm stylistic() của font-variant-alternates. Định nghĩa giá trị tính năng stylistic chỉ cho phép một giá trị: ident1: 2 hợp lệ, nhưng ident2: 2 4 thì không.

@styleset

Chỉ định tên tính năng sẽ hoạt động với ký hiệu hàm styleset() của font-variant-alternates. Định nghĩa giá trị tính năng styleset cho phép số lượng giá trị không giới hạn: ident1: 2 4 12 1 ánh xạ tới các giá trị OpenType ss02, ss04, ss12 và ss01. Lưu ý rằng các giá trị lớn hơn 99 hợp lệ nhưng không ánh xạ tới bất kỳ giá trị OpenType nào và bị bỏ qua.

@character-variant

Chỉ định tên tính năng sẽ hoạt động với ký hiệu hàm character-variant() của font-variant-alternates. Định nghĩa giá trị tính năng character-variant cho phép một hoặc hai giá trị: ident1: 3 ánh xạ tới cv03=1, và ident2: 2 4 ánh xạ tới cv02=4, nhưng ident2: 2 4 5 không hợp lệ.

Cú pháp chính thức

@font-feature-values = 
  @font-feature-values <family-name># { <declaration-rule-list> }  

<family-name> = 
  <string>         |
  <custom-ident>+  

Ví dụ

Sử dụng @styleset trong một quy tắc @font-feature-values

/* At-rule cho "nice-style" trong Font One */
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

/* At-rule cho "nice-style" trong Font Two */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
}

/* Áp dụng các at-rule với một khai báo duy nhất */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}

Đặc tả

Tương thích trình duyệt

Xem thêm

• Thuộc tính font-variant-alternates sử dụng các giá trị mà at-rule này định nghĩa.