How to detect if a font is supported
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
Jim Nielsen shared how to detect Apple’s “New York” font face, and while reading the post, I realized that I'd forgotten about document. 🙈
The CSS Font Loading API enables you to access or load fonts via JavaScript. It's good stuff!
And if you want to test if a browser supports a font, the check method's your friend!
document.fonts.check('12px ui-serif');
Was this snippet helpful?
Yes? Cool! You might want to check out Web Weekly for more snippets. The last edition went out 7 days ago.
Yes? Cool! You might want to check out Web Weekly for more snippets. The last edition went out 7 days ago.
Related Topics
Related Articles
- A web component to make your text sparkle
- JS surprise: Array.every() always returns true for empty arrays
- How to escape CSS selectors in JavaScript
- A new method to validate URLs in JavaScript (2023 edition)
- How to remove all event listeners from a DOM element
About the author
Frontend nerd with over ten years of experience, "Today I Learned" blogger, conference speaker, Tiny helpers maintainer, and DevRel at Checkly.