Skip to content

1j01/font-detective

 
 

Repository files navigation

Font Detective

Note: v1.x supported getting a full list of fonts with Flash; v2.x drops support for Flash.

Detects available system fonts with JavaScript, from a list of common fonts.

See a demo. You can edit the sample text.

<script src="lib/font-detective.js"></script>
<script>
	FontDetective.each(function(font){
		$("<option>")
			.val(font)
			.text(font.name)
			.appendTo("select");
		
		font.name; // e.g. 'Arial'
		font.toString(); // e.g. '"Arial"'
	});
	
	FontDetective.all(function(fonts){
		console.log(fonts);
	});
</script>

Documentation

FontDetective.each(callback)

  • Calls back with a Font every time a font is detected and tested
  • Fonts are tested in chunks to avoid totally freezing the page

FontDetective.all(callback)

  • Calls back with an Array of Fonts when all fonts are detected and tested

FontDetective.preload()

  • Starts detecting fonts immediately
  • Not needed if you're going to call all or each right away

FontDetective.Font

  • Fonts are returned as instances of this class
  • The font.name property can be used to display the name of the font
  • The font can be used anywhere you'd use a font-family (e.g. div.style.fontFamily = font)

Node.js

For detecting fonts from Node.js, see font-manager

License

MIT-licensed, see LICENSE for details

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 45.0%
  • CoffeeScript 36.3%
  • HTML 18.7%