FontData: style property
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Thuộc tính chỉ đọc style của giao diện FontData trả về kiểu dáng của mặt phông chữ.
Đây là giá trị được sử dụng để chọn kiểu dáng của phông chữ bạn muốn sử dụng, ví dụ trong thuộc tính font-style.
Ví dụ bao gồm:
- UltraLight
- Regular
- Heavy
- Medium Italic
- Extrabold
Giá trị
Một chuỗi.
Ví dụ
Đoạn code sau sẽ truy vấn tất cả các phông chữ có sẵn và ghi siêu dữ liệu. Điều này có thể được sử dụng, ví dụ, để điền vào điều khiển chọn phông chữ.
js
async function logFontData() {
try {
const availableFonts = await window.queryLocalFonts();
for (const fontData of availableFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.family);
console.log(fontData.style);
}
} catch (err) {
console.error(err.name, err.message);
}
}
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Local Font Access API # ref-for-dom-fontdata-style |