useLocalFonts

v0.0.15testeddemo

Reactive wrapper around the [Local Font Access API](https://developer.mozilla.org/en-US/docs/Web/API/Local_Font_Access_API) for enumerating the user's locally installed fonts.

Source Tests

Examples

const { isSupported, fonts, query } = useLocalFonts();
// Call from a click handler so the permission prompt is allowed
async function pickFonts() {
  await query();
  console.log(fonts.value.map(font => font.fullName));
}

// Query only specific fonts by PostScript name
const { fonts, query } = useLocalFonts();
await query({ postscriptNames: ['Arial-BoldMT'] });

Demo

Loading demo…

Signature

export function useLocalFonts(options: UseLocalFontsOptions ={ ... }

Parameters

Parameter	Type	Default	Description
`options`?	`UseLocalFontsOptions`	`{}`	Options

Returns

UseLocalFontsReturn`isSupported`, `fonts`, `error`, and `query()`