Local fonts
The FontData interface of the Local Font Access API represents a single local font face.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
FontData Experimental | 103 | 103 | | | | |
| HTML attribute | ||||||
allow (local-fonts) Experimental | 103 | 103 | | | | |
| DOM API | ||||||
blob Experimental The blob() method of the FontData interface returns a Promise that fulfills with a Blob containing the raw bytes of the underlying font file. | 103 | 103 | | | | |
family Experimental The family read-only property of the FontData interface returns the family of the font face. | 103 | 103 | | | | |
fullName Experimental The fullName read-only property of the FontData interface returns the full name of the font face. This is usually a human-readable name used to identify the font, e.g., "Optima Bold". | 103 | 103 | | | | |
postscriptName Experimental The postscriptName read-only property of the FontData interface returns the PostScript name of the font face. | 103 | 103 | | | | |
style Experimental The style read-only property of the FontData interface returns the style of the font face. | 103 | 103 | | | | |
permission_local-fonts Experimental `local-fonts` permission | 103 | 103 | | | | |
queryLocalFonts Experimental The window.queryLocalFonts() method returns a Promise that fulfills with an array of FontData objects representing the font faces available locally. | 103 | 103 | | | | |
| Other | ||||||
local-fonts Experimental The HTTP Permissions-Policy header local-fonts directive controls whether the current document is allowed to gather data on the user's locally-installed fonts via the Window.queryLocalFonts() method. | 103 | 103 | | | | |
Use cases
-
Using Local fonts
The FontData interface of the Local Font Access API represents a single local font face.
Cautions
- Limited browser support. Check compatibility before use.
Implementation notes
- Some APIs require a secure context (HTTPS) or user activation. Check the requirements before use.