font dragr
Drag and drop font testing
Drag your fonts here
- VomZom
- VomZom
- Size 15kb
- Author D.Rock
- License Free for personal and commercial use.
What is it?
font dragr allows you to easily test custom fonts, through the @font-face
at-rule, without the need for any CSS coding or knowledge of CSS coding. All you need to do is drag and drop.
It alleviates the cumbersome nature of testing custom fonts and allows you to quickly and easily load in a font, play around with it and see if it's the right one for you.
How do I use it?
It's incredibly easy to use. All you need to do is drag and drop a font file from your computer into font dragr in a supporting browser (Such as Firefox 3.6+ or Chrome 6+).
You can also select a font to test from the gallery. These fonts can be tested in most browsers, including IE6 and up.
The revolution doesn't end there
You can test on any website
Testing fonts within font dragr, while useful, won't give the full look and feel of testing it on your own site. That's where the font dragr bookmarklet comes in handy.
The bookmarklet allows you to test any font from your file system or any of the fonts found in the gallery. Same simple approach the web app has, with the added ability for testing on any website.
To install the bookmarklet in your browser just drag and drop the button below to your bookmarks. If you're not sure where to drag it too or you want to get a quick inside look at how you can use it make sure to check out the bookmarklet screencast.
Drag the font dragr bookmarklet to your bookmarks.
Bookmarklet in action
The bookmarklet in three simple steps
Load it
Load the font dragr bookmarklet in the website you wish to test. Once it loads it will appear at the top of the browser window ready to use.
Drag it
Drag and drop a font from your desktop or from the gallery. The last dropped font will become active and be applied to the body element by default.
Test it
With the bookmarklet you can target specific elements using CSS selectors. Or by selecting some text you can apply the custom font to a selection.