HTML: font

Specifies the font (or font family), color, and size of the enclosed text.

Browser/User Agent Support

IE	Netscape	Mozilla	Opera	Safari
2.0+	1.0+	1.0+	4.0+	1.0+

Example

This example displays the words "labrador retriever" in 12pt Arial red font:

A <font face="Arial" size="12pt" color="red" >labrador retriever</em> is a big, happy friendly dog.

Remarks

Use the CSS style sheets to style a font rather than the <font></font> tag if possible.

Attribute Detail

Attribute	IE	Netscape	Mozilla	Opera	Safari
accesskey [key]. Hot-key shortcut for the element.	5.5+	no	no	no	1.0+
accesskey [key]. Hot-key shortcut for the element.	�
class [class-name]. Example values: header-class, list-element, etc. CSS class assigned to the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
color [color \| "transparent"]. Example values: Red, #FF0000 (#RRGGBB color code for "red"), etc. Name of the color or RGB code for the color for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
contenteditable Specifies whether or not the content of the element is editable, or if the element inherits the value of this property from its parent.	4.0+	no	no	no	1.0+
	�
dir Direction of the element text.	2.0+	1.0+	1.0+	4.0+	1.0+
dir Direction of the element text.	�
disabled Specifies whether or not the element is disabled.	2.0+	1.0+	1.0+	4.0+	1.0+
disabled Specifies whether or not the element is disabled.	�
face [font-name]. Example values: Arial, "Arial, Helvetica, sans-serif", etc. Name of the font. You can specify more than one font face.	2.0+	1.1+	1.0+	4.0+	1.0+
	�
hidefocus Specifies whether the element shows a visual cue when it has focus.	5.5+	no	no	no	no
	�
id [element-id] Unique identifier for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
id [element-id] Unique identifier for the element.	�
lang [language-code]. Example values: "en" (English), "fr" (French), "es" (Spanish), etc. Language code for the content of the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
language Script language for the element.	3.0+	2.0+	1.0+	no	1.0+
language Script language for the element.	�
point-size [point-size] Specifies the point size of the font.	no	4.0+	no	no	no
	�
size Size of the element.	2.0+	1.1+	1.0+	4.0+	1.0+
size Size of the element.	�
style [style-name] Inline style for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
style [style-name] Inline style for the element.	�
tabindex [number] Position of the element in the tabbing order for the document.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
title [text-description] Short text description for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
unselectable Specifies whether or not the element is unselectable.	5.5+	no	no	no	no
	�
weight Specifies the weight of the font.	no	4.0+	no	no	no
weight Specifies the weight of the font.	�

Event Detail

Event	IE	Netscape	Mozilla	Opera	Safari
onactivate Fires when the element becomes active.	4.0+	no	no	no	no
onactivate Fires when the element becomes active.	�
onbeforeactivate Fires immediately before the element becomes active.	4.0+	no	no	no	no
	�
onbeforecopy Fires immediately before the selection is copied to the clipboard.	4.0+	no	no	no	1.0+
	�
onbeforecut Fires immediately before the selection is cut to the clipboard.	4.0+	no	no	no	1.0+
	�
onbeforedeactivate Fires immediately before the element stops being the active element.	4.0+	no	no	no	no
	�
onbeforeeditfocus Fires immediately before the element receives focus prior to being edited.	4.0+	no	no	no	no
	�
onbeforepaste Fires immediately before the selection is pasted from the clipboard to the element.	4.0+	no	no	no	1.0+
	�
onblur Fires when the element loses focus.	2.0+	1.0+	1.0+	4.0+	1.0+
onblur Fires when the element loses focus.	�
onclick Fires when the element is clicked.	2.0+	1.0+	1.0+	4.0+	1.0+
onclick Fires when the element is clicked.	�
oncontextmenu Fires when the element is right-clicked and the context menu opens.	4.0+	no	no	no	1.0+
	�
oncontrolselect Fires immediately before the element is selected.	4.0+	no	no	no	no
	�
oncopy Fires when the element is copied to the clipboard.	4.0+	no	no	no	1.0+
oncopy Fires when the element is copied to the clipboard.	�
oncut Fires when the element is cut to the clipboard.	4.0+	no	no	no	1.0+
oncut Fires when the element is cut to the clipboard.	�
ondblclick Fires when the element is double-clicked.	2.0+	1.0+	1.0+	4.0+	1.0+
ondblclick Fires when the element is double-clicked.	�
ondeactivate Fires when the active element becomes inactive.	4.0+	no	no	no	no
	�
ondrag Fires when the element is dragged.	4.0+	no	no	no	1.0+
ondrag Fires when the element is dragged.	�
ondragend Fires when the element is released from being dragged.	4.0+	no	no	no	1.0+
	�
ondragenter Fires when the element has another object dragged onto it that can be dropped on the element.	4.0+	no	no	no	1.0+
	�
ondragleave Fires when an element has an object dragged out of it that could be dropped onto the element.	4.0+	no	no	no	1.0+
	�
ondragover Fires when an element has an object dragged over it that could be dropped onto the element.	4.0+	no	no	no	1.0+
	�
ondragstart Fires immediately before an element is dragged.	4.0+	no	no	no	1.0+
	�
ondrop Fires when an object is dropped onto the element.	4.0+	no	no	no	1.0+
ondrop Fires when an object is dropped onto the element.	�
onfocus Fires when the element receives focus.	2.0+	1.0+	1.0+	4.0+	1.0+
onfocus Fires when the element receives focus.	�
onfocusin Fires immediately before an element receives focus.	4.0+	no	no	no	no
	�
onfocusout Fires immediately after focus moves from the element to another element.	4.0+	no	no	no	no
	�
onhelp Fires when a user presses the F1 key to activate help.	4.0+	no	no	no	no
	�
onkeydown Fires when a user presses down on a key while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onkeypress Fires when a user presses a key or holds down the key while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onkeyup Fires when a user releases a key while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onlosecapture Fires when the element loses mouse capture.	4.0+	no	no	no	no
onlosecapture Fires when the element loses mouse capture.	�
onmousedown Fires when a user clicks down on the mouse button while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseenter Fires when the mouse pointer enters the element.	4.0+	no	no	no	no
	�
onmouseleave Fires when the mouse pointer leaves the element.	4.0+	no	no	no	no
	�
onmousemove Fires when the mouse moves while the pointer over the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseout Fires when the mouse pointer moves off of the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseover Fires when the mouse pointer moves over the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseup Fires when the user releases the mouse button while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmousewheel Fires when the user rotates the mouse wheel while the element has focus.	4.0+	no	no	no	no
	�
onmove Fires when the element moves.	4.0+	no	no	no	no
onmove Fires when the element moves.	�
onmoveend Fires when the element stops moving.	4.0+	no	no	no	no
onmoveend Fires when the element stops moving.	�
onmovestart Fires immediately before the element moves.	4.0+	no	no	no	no
onmovestart Fires immediately before the element moves.	�
onpaste Fires when the clipboard contents are pasted onto the element.	4.0+	no	no	no	1.0+
	�
onpropertychange Fires when one of the properties of the element changes.	4.0+	no	no	no	no
	�
onreadystatechange Fires when the ready state of the element changes.	4.0+	no	no	no	no
	�
onresizeend Fires when the element is finished being resized.	4.0+	no	no	no	no
	�
onresizestart Fires immediately before a user resizes the element.	4.0+	no	no	no	no
	�
onselectstart Fires immediately before the element is selected.	4.0+	no	no	no	1.0+
	�
ontimeerror Fires when a time-related error occurs.	4.0+	no	no	no	no
ontimeerror Fires when a time-related error occurs.	�

Change Language

font

Browser/User Agent Support

Example

Remarks

Attribute Detail

Event Detail

Examples -> Source code Demo online - > font: