FontFaceSet
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.
* Some parts of this feature may have varying levels of support.
Note: This feature is available in Web Workers.
Giao diện FontFaceSet thuộc CSS Font Loading API quản lý việc tải font face và truy vấn trạng thái tải của chúng.
Một phiên bản FontFaceSet là đối tượng giống Set có thể chứa tập hợp có thứ tự các đối tượng FontFace.
Thuộc tính này có thể truy cập qua Document.fonts, hoặc self.fonts trong web worker.
Thuộc tính phiên bản
FontFaceSet.statusRead only-
Cho biết trạng thái tải của font face. Giá trị là
'loading'hoặc'loaded'. FontFaceSet.readyRead only-
Promiseresolve khi quá trình tải font và bố cục trang hoàn tất. FontFaceSet.sizeRead only-
Trả về số lượng giá trị trong
FontFaceSet.
Sự kiện
loading-
Kích hoạt khi tập font face bắt đầu tải.
loadingdone-
Kích hoạt khi tập font face tải xong.
loadingerror-
Kích hoạt khi có lỗi xảy ra trong quá trình tải tập font face.
Phương thức phiên bản
FontFaceSet.add()-
Thêm font vào tập font.
FontFaceSet.check()-
Giá trị boolean cho biết font đã tải xong chưa, nhưng không khởi động việc tải nếu chưa có.
FontFaceSet.clear()-
Xóa tất cả font được thêm thủ công khỏi tập font. Các font kết nối với CSS không bị ảnh hưởng.
FontFaceSet.delete()-
Xóa một font được thêm thủ công khỏi tập font. Các font kết nối với CSS không bị ảnh hưởng.
FontFaceSet.entries()-
Trả về iterator mới với các giá trị của mỗi phần tử trong
FontFaceSettheo thứ tự chèn. FontFaceSet.forEach()-
Thực thi hàm được cung cấp cho mỗi giá trị trong đối tượng
FontFaceSet. FontFaceSet.has()-
Trả về
Booleankhẳng định xem phần tử có giá trị đó có tồn tại không. FontFaceSet.keys()-
Bí danh cho
FontFaceSet.values(). FontFaceSet.load()-
Trả về
Promiseresolve với danh sách font face cho font được yêu cầu. FontFaceSet.values()-
Trả về iterator mới chứa các giá trị của mỗi phần tử trong đối tượng
FontFaceSettheo thứ tự chèn.
Thông số kỹ thuật
| Specification |
|---|
| CSS Font Loading Module Level 3> # FontFaceSet-interface> |