jaicab / localfont

Implement localStorage web font caching in seconds

localFont

Implement localStorage web font caching in seconds.

Read the article.

localFont is an online Vanilla JS tool that converts your font family files into a ready to use solution for localStorage web font caching.

Please feel free to open an issue, send me a pull request or fire me a tweet.

Credits

This tool wouldn't have been possible without the help of:

• Vitaly Friedman for Smashing Magazine's launcher script
• Jon Leighton for his amazing base64 encoding function

License

localFont is released under the MIT license

localfont's Issues

Issues on mobile Safari and mobile Chrome

I have some issues in mobile Safari and mobile chrome... the font-css are loaded into the localStorage but it wont be render...

any ideas why?

Add multiple font family support

Currently, there is no way to manage more than one font family at a time.
It would be nice to have that ability, but it would mean to have draggable rows as right now they are automatically sorted using the data.

The minified version isn't minified.

As the title :)

localFont for multiple domains

Hello,

Thanks for the localFont project.

I am aware that local storage is limited to domain, but is there any way we can cache fonts so that it can be used by multiple domains instead of just one. (I am aware of browse cache, wanted to know if there is any other way).

Thanks.

Add unminified font loader source to repo

Right now the actual font loader is just an inline, minified bit in the HTML, but it would be great to have it as "full" code in the repo so people can look at it, understand it, adapt it, improve it, etc.

Love your great "micro library" by the way, thanks a lot for putting this all together!

Stats

Do you have stats of page loads PRE the implementation and POST the implementation? I'd be interested in implementing this for Etherpad but I'd need to know how much impact it will have prior to me spending the time on it.

Alternatively if you want to drop it into Etherpad and give me stats in a real world application I'd be willing to consider merging it..

https://github.com/ether/etherpad-lite/tree/develop/src/static/font are the font files.. Note we minify and set maxAge at runtime.

charset=utf-8 necessary?

For binary base64-encoded data, setting the charset to utf-8 for the data uri doesn't seem to be relevant. You'd only want this if it contained encoded text.

You'll also confuse people using LESS, by thinking they should add the "charset=utf-8" bit as part of the mime type, which turns off base64-encoding using that function, and thus prevents it from being encoded to a data uri.

woff2 outputs base64 with "data:font/truetype" instead of "data:font/woff2"

Tried to encode woff2 fonts but got font with "data:font/truetype" instead of "data:font/woff2".

font/truetype is not a valid mime type

The current correct IANA mime type for ttf fonts is application/font-sfnt; the new proposal from W3C is font/ttf or font/sfnt (either apply to ttf).

I'm not aware that "font/truetype" is registered anywhere as a mime type.