Local fonts
Limited availability
The window.queryLocalFonts() method returns an array of locally-installed fonts, each represented by a FontData object.
Browser support
- Chrome 103 Released on 2022-06-21
- Chrome Android Not supported Bugs: 40840834
- Edge 103 Released on 2022-06-23
- Firefox Not supported
- Firefox for Android Not supported
- Safari Not supported
- Safari on iOS Not supported
Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~0.001% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper use cases
-
For offline first apps, it is nice to have customization on the font based on the user’s local fonts. It also avoids downloading a font file online which adds time-to-display. The user might prefer fonts that they're more familiarized with It is nice to have for better DX overall
For offline first apps, it is nice to have customization on the font based on the user’s local fonts. It also avoids downloading a font file online which adds time-to-display. The user might prefer fonts that they're more familiarized with It is nice to have for better DX overall [see original comment] -
I use image editing/design apps in my browser, like Photopea and Figma, and use locally-installed fonts all the time. Widespread browser-wide local font support would make my life far easier by making integrations seamless.
I use image editing/design apps in my browser, like Photopea and Figma, and use locally-installed fonts all the time. Widespread browser-wide local font support would make my life far easier by making integrations seamless. [see original comment]
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist