- HTML Tutorial
- HTML - Home
- HTML - Introduction
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Headings
- HTML - Paragraphs
- HTML - Fonts
- HTML - Blocks
- HTML - Style Sheet
- HTML - Formatting
- HTML - Quotations
- HTML - Comments
- HTML - Colors
- HTML - Images
- HTML - Image Map
- HTML - Iframes
- HTML - Phrase Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML Color Names & Values
- HTML - Color Names
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Picker
- HTML References
- HTML - Cheat Sheet
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <font> Tag
HTML <font> tag is used to specify the font of the text. We can change the color, size and font-face using this tag and corresponding attributes.
The <font> tag is no longer recommended as it is deprecated in HTML5. Instead of using this tag, we can use the CSS properties to change the font size, color, etc.
Syntax
<font size=" " color=" " face=" "> ....</font>
Attribute
HTML font tag supports Global and Event attributes of HTML. Acceppts some specific attributes as well which are listed below.
Attribute | Value | Description |
---|---|---|
color |
rgb(x,x,x) #hexcode colorname |
Deprecated − Specifies the color of the text. |
face | List of font names | Deprecated − Specifies the font families. |
size | number | Deprecated − Specifies the font size from 1 to 7. |
Examples of HTML font Tag
Bellow examples will illustrate the usage of font tag. Where, when and how to use font tag, and how we can manipulate the fonts using attributes
Set Size of Text
Here in this example we will use size attribute to change the font text size, as well as an alternative to change the font size using CSS.
<!DOCTYPE html> <html> <head> <title>HTML font Tag</title> </head> <body> <!-- Using attribute -- > <font size = "5"> The HTML font tag is now deprecated. You should use start using CSS to set font size and family. </font> <!-- Using CSS -- > <p style="font-size:24px"> The HTML font tag is now deprecated. You should use start using CSS to set font size and family. </p> </body>
Set Color of Text
Here in this example we will use color attribute to change the font text color, as well as an alternative to change the font color using CSS.
<!DOCTYPE html> <html> <head> <title>HTML font Tag</title> </head> <body> <!-- Using attribute -- > <font color = "#ff9900"> The HTML font tag is now deprecated. You should use start using CSS to set font size and family. </font> <!-- Using CSS -- > <p style="color:#ff9900"> The HTML font tag is now deprecated. You should use start using CSS to set font size and family. </p> </body> </html>
Set font of Text
Here in this example we will use face attribute to change the font text face, as well as an alternative to change the font face using CSS.
<!DOCTYPE html> <html> <head> <title>HTML font Tag</title> </head> <body> <!-- Using attribute -- > <font face = "cursive,serif"> The HTML font tag is now deprecated. You should use start using CSS to set font size and family. </font> <!-- Using CSS -- > <p style="font-family: cursive,serif;"> The HTML font tag is now deprecated. You should use start using CSS to set font size and family. </p> </body> </html>
Supported Browsers
Tag | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
To Continue Learning Please Login
Login with Google