Oi... So I understand the logistics of using font-family... My question is, how does one correlate the fonts they want with one of the 5 familys?
Cursive fantasy monospace sans-serif serif
For example, if I'm using the font "CrazyWidgets," how do I know which font-family looks the most like CrazyWidgets?
Is there a list somewhere that pairs up common TTF fonts with their families?
The use of the generic font-family property is wholly dependent upon what fonts are installed on the users machine, and what has been specified as their default fonts, within their browser.
Chances are sans-serif will end up being Arial (on Window and Mac), serif being Times, more than likely, etc.
This generic font-family CSS property can not be amended according to your preference, only the users.
Otherwise, you can use the actual title of the font, so as long as the user has it on their system.