Font (transitional only)
This element is used to specify the color, size and face of font for the text that it contains. Due to being a purely visual element, the font element has been deprected in favor of stylesheets.
<font class="class name(s)"** color="color name | #RRGGBB"** dir="ltr | rtl"** face="font name"** id="unique identifier"** lang="language code"** size="1-7 | +/-integer"** style="style information"** title="text"** > </font>
Key:
‡ = Required attribute
** = Transitional only
Explanation of attributes
class**: used to state which class(es) the element belongs to. It is possible to indicate more than one class for an element by separating each class name with a space character. This attribute is normally used in combination with a stylesheet in order to associate the elements with particular styles defined within the stylesheet.
color**: used to specify the color that the element should be rendered in. This typically uses a color name or a color code.
dir**: used to set the direction of the text in combination with the language set in the lang attribute. The available values are "ltr" (left to right) and "rtl" (right to left), with the default value being "ltr".
face**: used to specify the font face. This is a list of fonts separated by commas; the first font in the list is the recommended one, with the other fonts being alternatives if the primary font is not available on the client.
id**: used to specify a unique alphanumeric identifier to the element. This is usually used in combination with stylesheets in order to apply a style to one particular instance of an element. Only one element, regardless of type, can be given a particular id.
lang**: used to indicate the language being used in the text contained within the element. The value of this attribute takes on the form of the ISO standard lanuage abbreviations found in RFC 3066. A list of these codes can be found on the ISO language codes page.
size**: used to specify the default font size for the page. Valid sizes are from 1 to 7. The standard size of a font is defined as 4. Sizes can also be defined as +/- in relation to the standard size.
style**: used to specify an inline style to apply to the element. The styles defined here override the styles declared in the header section.
title**: used to define an advisory text that may be displayed as a tooltip when a mouse is used to hover over the element.
Event handlers
No event handlers are defined for this element.
Basic example
<font color="red" face="serif">This text is in a red, serif font</font>.
The above code will display something like: This text is in a red, serif font.
Compatibility
Test | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|---|
Basic element support | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribute: class | ![]() |
![]() |
![]() |
![]() |
? | ![]() |
Attribute: color | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribute: dir | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribute: face | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribute: id | ![]() |
![]() |
![]() |
![]() |
? | ![]() |
Attribute: lang | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribute: size | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribute: style | ![]() |
![]() |
![]() |
![]() |
? | ![]() |
Attribute: title | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Key:
The browser icons are explained in the below list:
= Microsoft Internet Explorer 6+
= Netscape Communicator 4
= Mozilla and Netscape Navigator 6+
= Opera 7+
= MSN TV (aka. WebTV)
= Konqueror 3.0+
http://webpageworkshop.co.uk/main/xhtml10_element_font
Last updated: 30th May, 2004