localFont maakt gebruik van een techniek die in première met The Guardian en websites Smashing Magazine's, een techniek die localStorage gebruikt om web fonts cache.
De localFont interface is een eenvoudig hulpprogramma waarmee ontwikkelaars slepen hun fonts over het oppervlak van de app en het automatisch genereren van de juiste CSS en JavaScript-code om deze oplossing te ondersteunen.
Alles is geautomatiseerd en de ontwikkelaar hoeft alleen te kopiëren en plakken of bevatten deze twee bestanden in zijn eigen project.
Wat het doet onder de motorkap? Nou localFont zet in principe lettertype verklaringen naar base64 snaren, die vervolgens worden 'toegestaan' om de cache te zijn door localStorage.
Deze manier het lettertype bestand zelf is ingebed binnen het CSS, en na het laden van het voor de eerste keer, is toegankelijk voor de gebruiker via zijn browser localStorage cache in plaats van een klassieke HTTP server cache.
Met behulp van deze methode lettertypen zijn manier sneller gerenderd, en de aangrenzende JS script zal ervoor zorgen om te controleren en voor het eerst gebruik maken van de lokale lettertype bestand en downloaden op de klassieke manier, zo niet gevonden.
Eisen
- Javascript nodig op client-side
Reacties niet gevonden