Document: thuộc tính fonts
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thuộc tính fonts của giao diện Document trả về giao diện FontFaceSet của tài liệu.
Tính năng này là một phần của CSS Font Loading API.
Giá trị
Giá trị trả về là giao diện FontFaceSet của tài liệu.
Giao diện FontFaceSet hữu ích cho việc tải phông chữ mới, kiểm tra trạng thái của phông chữ đã tải trước đó, v.v.
Ví dụ
Thực hiện thao tác sau khi phông chữ được tải
document.fonts.ready.then((fontFaceSet) => {
// Bất kỳ thao tác nào cần thực hiện chỉ sau khi tất cả phông chữ được sử dụng
// hoàn tất tải có thể đặt ở đây.
const fontFaces = [...fontFaceSet];
console.log(fontFaces);
// một số phông chữ có thể vẫn chưa được tải nếu chúng không được sử dụng trên trang
console.log(fontFaces.map((f) => f.status));
});
Promise được phân giải khi các thao tác tải và bố cục của tất cả phông chữ được sử dụng hoàn tất. Tập hợp phông chữ được sử dụng có thể khác với tập hợp phông chữ khai báo, ví dụ: nếu phông chữ tùy chọn (tức là phông chữ được khai báo qua font-display: optional) không thể tải kịp thời.
Đặc tả kỹ thuật
| Specification |
|---|
| CSS Font Loading Module Level 3 # FontFaceSet-interface |
Tương thích trình duyệt
Xem thêm
- Giao diện
FontFaceSet FontFace