Implement localStorage web font caching in seconds

Drop your font family files here (*.woff, *.woff2 or *.ttf)

Now please set your font family name as well as the font weights and styles corresponding to each file.
Your CSS and demos will be updated on the fly. Please use one font family at a time.

Family name

Boom. Set up your fonts on the left. Then, use this code.

Don't minify CSS


Put this code in a CSS file and specify its absolute path (should be accessible via


Paste this chunk of JS right before your body opening tag.