Local fonts
Local Font Access API はユーザーのデバイスにインストールされたフォントの一覧を取得し、デザインツール等で活用します。
概要
Local Font Access API はユーザーのデバイスにインストールされたフォントの一覧を取得し、デザインツール等で活用します。
対応ブラウザ
デスクトップ
Chrome 103+
Edge 103+
Safari 未対応
Firefox 未対応
基本構文
JAVASCRIPT
const fonts = await window.queryLocalFonts();
for (const font of fonts) {
console.log(font.family, font.fullName, font.style);
}実務での使いどころ
-
Local fonts の活用
Local Font Access API。ユーザーのローカルフォントにアクセスするAPI。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。