Editing Font family (HTML) (section)

== Examples ==

The following example defines the same font face ([[Times (typeface)|Times]] or a default [[serif]], 14 points, italics) in three ways:
* With [[CSS]] in a separate stylesheet.
* With inline [[CSS]] applied to an element via the {{code|style}} attribute.
* With the [[Deprecation|deprecated]] presentational element {{tag|font}} and its non-standard attribute {{code|face}}. ({{tag|i}} is not deprecated in general, but its presentational use is.)

<syntaxhighlight lang="css">.text { font-family: times, serif; font-size:14pt; font-style:italic; }</syntaxhighlight>
<syntaxhighlight lang="html">
<p class="text">
Sample text formatted with CSS in a separate stylesheet.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>

<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>
</syntaxhighlight>

It is a [[best practice]] to put a space after the comma, and to put any name containing spaces between quotation marks.