/ best free open source web resources /

Graphic Resources

Font.js – A Powerful Font Toolkit for JavaScript

Posted · Category: Fonts, MIT License

Font.js is a Powerful Font Toolkit for JavaScript. It gives you font loading events using a technique perfected in Mozilla’s pdf.js project, metrics information, and a better version of the canvas element’s measureText method with additional information such as height, bounding box, and leading.

Font.js works by downloading the font data with an AJAX request, parsing out some metadata to determine that it is indeed a valid font file and to pull out the metrics information. Then it inserts an @font-face rule into the page.


Requirements: JavaScript Framework
Demo: http://badassjs.com/post/16355968400/font-js-a-powerful-font…
License: MIT License

  • This Library really helped me out, specially when I use sharp and smooth fonts, using convas tag is a good technique in this library.
    But there is a little drawback, when jQuery conflicts, it take a small time to convert text to images, so visitor can clearly see the conversion process that is bad :S

    Thanks for sharing

  • This looks like a good library. Howz the IE support on this? Is there any jQuery plugin for using same. I would be interested to see more details on that.

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons