Local fonts
Local Font Access API の FontData インターフェースは、単一のローカルフォントフェイスを表します。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
FontData 実験的 | 103 | 103 | | | | |
| HTML 属性 | ||||||
allow (local-fonts) 実験的 | 103 | 103 | | | | |
| DOM API | ||||||
blob 実験的 FontData インターフェイスの blob() メソッドは、基になるフォント ファイルの生のバイトを含む Blob で満たされる Promise を返します。 | 103 | 103 | | | | |
family 実験的 FontData インターフェイスのファミリー読み取り専用プロパティは、フォント フェイスのファミリーを返します。 | 103 | 103 | | | | |
fullName 実験的 FontData インターフェイスの fullName 読み取り専用プロパティは、フォント フェイスの完全な名前を返します。 これは通常、フォントを識別するために使用される人間が判読できる名前です (例: 「Optima Bold」)。 | 103 | 103 | | | | |
postscriptName 実験的 FontData インターフェイスの postscriptName 読み取り専用プロパティは、フォント フェイスの PostScript 名を返します。 | 103 | 103 | | | | |
style 実験的 FontData インターフェイスの style 読み取り専用プロパティは、フォント フェイスのスタイルを返します。 | 103 | 103 | | | | |
permission_local-fonts 実験的 ローカルフォント`のパーミッション | 103 | 103 | | | | |
queryLocalFonts 実験的 window.queryLocalFonts() メソッドは、ローカルで利用可能なフォント フェイスを表す FontData オブジェクトの配列を満たす Promise を返します。 | 103 | 103 | | | | |
| その他 | ||||||
local-fonts 実験的 HTTP の Permissions-Policy ヘッダーにおける local-fonts ディレクティブは、現在の文書が Window.queryLocalFonts() メソッドを介してユーザーのローカルにインストールされているフォントに関するデータを収集することを許可するかどうかを制御します。 | 103 | 103 | | | | |
実務での使いどころ
-
Local fonts の活用
Local Font Access API の FontData インターフェースは、単一のローカルフォントフェイスを表します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。