Skip to content
The core of WhatFont Tool
JavaScript Perl
Latest commit 9f19936 Sep 8, 2012 @chengyin Update to 1.7
Failed to load latest commit information.
src Update to 1.7 Sep 8, 2012
LICENSE Fix embrassing typos Oct 27, 2011
README.mkd Fix embrassing typos Oct 27, 2011



WhatFont is a JavaScript script to detect what font in the stack is being used on any elements of a web page.

Here in the repo is the core component with out wrappers, the wrapped Chrome/Safari extensions are available at

How to Use

whatfont_core.js is the core script. It adds _whatFont() into the global scope. WhatFont then runs in a closure created by the _whatFont() function.

An controller object is returned by whatFont() function. The controller will be used to set up the dependencies (jQuery and stylesheet) and initialize WhatFont.

This controller has the following functions:

  • setJQuery(jQ)

    WhatFont requires jQuery (v1.5.2), if jQuery has already been loaded into the global scope, the script finds it automatically. Otherwise setJQuery(jQ) needs to be called to set up jQuery object.

  • setCSSURL(url)

    WhatFont injects its stylesheet file into the webpage. The script comes with a default URL setting, if you want to change the setting, calling this function.

  • getVer()

    Return the version of WhatFont.

  • init()

    Initialize WhatFont and inject to the current document.

  • restore()

    Remove WhatFont from current document.


wf = _whatFont();       
wf.setjQuery(jQuery);       // Setup jQuery
wf.init();                  // Load WhatFont
wf.restore();               // Remove WhatFont
Something went wrong with that request. Please try again.