The <font> tag in HTML allows styling text with options like size, font type, and color. However, the <font> tag is now obsolete and CSS is used instead to style fonts. CSS allows defining font styles in a separate style sheet, making it easier to apply styles uniformly across pages rather than individually tagging each element. While the HTML <font> tag and CSS code for fonts are similar, CSS is now the preferred method for font styling in HTML documents.