This can be used in conjunction with my Tagcloud Font Distributor snippet. The colors are what we use here at Hawkee, so please feel free to change them. If you find a scheme that works well post it as a snippet.
/* Tagcloud CSS Styles */
a.tag1:link { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:hover { line-height: 25px; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag2:link { line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:visited { line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:hover { line-height: 25px; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag3:link { line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:visited { line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:hover { line-height: 25px; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag4:link { line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:visited { line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:hover { line-height: 25px; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag5:link { line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:visited { line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:hover { line-height: 25px; font-size: 15px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag6:link { line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:visited { line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:hover { line-height: 25px; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag7:link { line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:visited { line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:hover { line-height: 25px; font-size: 17px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
a.tag1:link { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }
same:
a.tag1:link, a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }