It's not a bad question, it's quite valid.
And that article has a lot of useful information, like most of the content in that site.
Non standard fonts, used with css are a nice thing to have, but still face many problems ,like compatibility between browsers and support of the formats, in fact, to successfully use a font it an @ rule in all the browsers, you have to use many formats. That's why sites like fontsquirrel are so useful and are gaining relevance.
The best way to used them, is to use fallback methods, so at least one of the fonts will be available in the users computer. The problem here, is that most people just chooses fonts kind of similar, but not really equivalent, for instance, you may find rules like font-family: Futura, Ubuntu, Helvetica, Arial, but those fonts are different, some are wider, some are clearer, etc.
So it boils down to the kind of design you want to use, the respect you have for the user and the time you want to expend with the design. If you want something safe, with low use of bandwith and guaranteed to work, go for the classic ones. If you don't mind a bit more bandwith and are willing to do some trial and error, use @font-face and try services like fontsquirrel. If you really care about the user, then expend time comparing fonts, their sizes and legibility at different sizes, use services like fontquirrel and a safe fallback.
Bye
