... but "face" isn't really a valid value for the face attribute, and 14 isn't within the accepted range for the size.
You added this in the OP:
[font color="#000066"][font color="red" size="14" face="face"]Thanks[/font][/font]
The size range is from 1 to 7 (with 3 being normal). The face attribute is for typefaces like Arial, verdana, courier, etc. If you're not trying to change the typeface, just leave the [font color="#000066"]face=""[/font] part out.
A great reference for all things web programming is w3schools. Here are more details about the attributes of the font tag: color, size, face.
Also useful on that site are the valid HTML color names and a hex number color picker.
[div style="height:1em; border-bottom: 1px solid #bfbfbf;"]
Styles are a more powerful tool for doing many of the same things that can be done with HTML tags. For example of changing the font attribute with styles:
[font color="#000066"][div style="display:inline; color:#990000; font-size:1.385em; font-family:courier,monospace;"][div style="display:inline; color:#990000; font-size:1.385em; font-family:courier,monospace;"]text here[/div][/font]
One of the things I use styles for is to make the excerpt boxes more prominent on DU. Like this:
[div class="excerpt" style="margin-left: 2em; border: 1px solid #bfbfbf; border-radius: 0.4615em; box-shadow: 3px 3px 3px #999999;"][div class="excerpt" style="margin-left: 2em; border: 1px solid #bfbfbf; border-radius: 0.4615em; box-shadow: 3px 3px 3px #999999;"]text here[/div]
There are plenty of people on this site familiar with this stuff - so if you are trying to do something and it just doesn't work quite right, don't hesitate to ask - usually someone will be around fairly soon that can help.