Squarespace Fonts Loaded
A promise-based class used to determine if fonts have loaded for particular HTMLElements.
NOTICE: This code is licensed to you pursuant to Squarespace’s Developer Terms of Use. See license section below.
Usage
npm install --save @squarespace/fonts-loadedconst fontsLoadedInstance = new fontsLoaded([HTMLElement, HTMLElement]);
fontsLoadedInstance.check().then(...)Using ES6
If you prefer to handle transpiling and polyfilling on your own, you can import ES6 from Fonts Loaded:
import FontsLoaded from '@squarespace/fonts-loaded/src';Alternately, Fonts Loaded specifies a module property in package.json that points to the uncompiled src/index.js, so you may be able to simply import @squarespace/fonts-loaded if you're using one of the following bundlers:
Reference
new fontsLoaded(testArray)
Params
- testArray
Array- An array of HTMLElements. The font-family of these elements will be tested to determine if the font has loaded.
fontsLoaded.check()
Begins to check if the fonts have loaded and returns a promise.
fontsLoaded.destroy()
Clears timers and removes test elements.
License
Portions Copyright © 2016 Squarespace, Inc. This code is licensed to you pursuant to Squarespace’s Developer Terms of Use, available at http://developers.squarespace.com/developer-terms-of-use (the “Developer Terms”). You may only use this code on websites hosted by Squarespace, and in compliance with the Developer Terms. TO THE FULLEST EXTENT PERMITTED BY LAW, SQUARESPACE PROVIDES ITS CODE TO YOU ON AN “AS IS” BASIS WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED.