Cascading Style Sheets have many advantages over the older <font>
tag:
CSS has more capabilities, such as borders
around any text or generic fonts like "sans-serif".
The appearance of HTML items like Headings can be defined using one
line, and applied throughout the document. This is much better than
using separate <font> tags for each heading.
The style sheet information can be stored separate from your HTML
document, and shared among many HTML files. Change one style sheet file,
and the appearance of the entire site is updated. For example, I only have
to change one line in my style sheet file to change the appearance of all
the headings in this course.