font-detect-js's Introduction

font-detect-js

Uses javascript (jQuery or Prototype) + flash to detect your system fonts.

<!-- element for SWF to load into -->
<div id="font-detect-swf"></div>

<script src="javascripts/jquery-1.2.6.pack.js"></script>
<script src="javascripts/swfobject.js"></script>
<script src="javascripts/font-detect.js"></script>  
<script>
  $(document).ready(function() {
  
    var onComplete = function(e) {
      //onComplete can be used to defind a callback function that is called on both success or failure of creating a Flash plugin
      //see also, https://code.google.com/p/swfobject/wiki/api
      //onComplete is supported since SWFObject 2.2
    }

    var fontDetect = new FontDetect("font-detect-swf", "flash/FontList.swf", function(fd) {        
      var fonts = fd.fonts();
   
      // Do something with fonts, which look like: [ { fontName:'Arial', fontStyle:'regular' fontType:'device' }, .... ]
      // for(var i = 0, length = fonts.length; i < length; i++) {
      //   var name = fonts[i].fontName;
      // }
    });

  }, onComplete);
</script>

There is also a Prototype version at font-detect.prototype.js

font-detect-js's People

Contributors

Stargazers

Watchers

font-detect-js's Issues

Refactored version doesn't work with new jQuery

Hi there,

Refactored version (from the branch "refactored") looks very nice in terms of code. But it doesn't work with latest jQuery version.

I know that this project wasn't updated for 4 years but anyway it would be cool to add such compatibility.

Not worked piece of code is in font-detect.js:

return {

    loadSWF: function() {
      _loadSWF();
    },

    fonts: function() {
      // Use when doing static publishing
      //var swf = swfobject.getObjectById(_swfObjectId);

      // Works with dynamic publishing
      var swfObj = document.getElementById(_swfObjectId);
      var fonts = swfObj.fonts();
      return _filterFonts(fonts);
    }
  }

Could you have a look on it please? Seems not difficult to fix.

Thanks