Give the page a minute to load. These aren't screenshots of the WOFF fonts - that page is actually loading all of the fonts.
Many "decorative" fonts look best when used at large font sizes, in places like titles. At smaller sizes, they're inclined to become unreadable.
Some skins (including Gromit, Matrix, and MatrixSlide) have built-in support for WOFF's. In others, it's not particularly difficult to use them, with a bit of tweaking. In short, create a res folder in your project, stash the WOFF file in it, then add this to the skin's CSS:
At the top of the CSS file:
src: url("AguafinaScript-Regular.woff") format("woff");
Then, apply that font to whatever class you want: