# 
## What is the `<basefont>` element?

The **`<basefont>` element** was used in #key# HTML4: Hypertext Markup Language 4.0v #key# to set the default font family, font size, and font color. 

This tag was depreciated in HTML5 due to the availability of #key# CSS: Cascade Style Sheets #key# font properties like `font-family`, `font`, `font-size`, and `font-color`. 

The `<basefont>` element is not supported by any browser's latest version except Internet Explorer (Trident Engine).

# 
## HTML `<basefont>` properties

* In HTML `<basefont>` does not require any closing tags.

* In `XHTML` closing tags are required.

* It should be included in the `<head>` section between the opening and closing tags, i.e., `<head> .. </head>`.

# 
#  Syntax

---
``` css
<basefont color="#FF4433" face="Times New Roman" size="+3" />
```
---

# 
## Attributes

* **`color`**: Accepts color code in hexadecimal format.

* **`face`**: This attribute contains font-family. We can also pass multiple font families; the default will be the first one.

* **`size`**: This attribute should be a numeric value between one to seven; the default size will be +3.

---
> In CSS, **`font-family`** helps show font in different styles and shapes. Some renowned ones are Arial, Times New Roman, Georgia, Serif, and Helvetica.

##
## Code

The example below should generate `font-color` `#FF4433` and use `font-family` `Times New Roman` with size `+3` on line `4`. But `<basefont>` does not support `HTML5` which is why the font is simple in the code output above.

<html>
   <head>
      <title>Welcome to Educative!</title>
      <basefont color="#FF4433" face="Times New Roman" size="+3" />
   </head>
   <body>
      <h2>Basefont demo is here!</h2>
      <p> Use CSS to style the document, Why? <br> The basefornt tag is not supported in HTML5.</p>
   </body>
</html>

codemirror

# 
## Using CSS instead of `<basefont>`

In the example below, we use `<style> ... </style>` tags in `<head>` section to include CSS in the HTML file. 

Then, we try to change the font color, size, and font face. We apply CSS on `<h1>` and `<p>` tags with different attribute values.


<html>
   <head>
      <title>Welcome to Educative!</title>
   </head>
   <body>
      <h1>Hurray! I am using CSS</h1>
      <p> Using CSS to style the document, Why? <br> The basefornt tag is not supported in HTML5.</p>
   </body>
</html>

h1 {
    font-size: x-large;  
    color: #0000FF;  
    font-family: Helvetica;
}
        
p {  
    font-size: 14px;  
    color: #FF4433;  
    font-family: Times New Roman;  
}

What is the HTML <basefont> element?

The `<basefont>` element, deprecated in HTML5, set default font properties; CSS is now preferred.

What is the HTML <basefont> element?

What is the <basefont> element?

HTML <basefont> properties

Syntax

Attributes

Code

Using CSS instead of <basefont>

What is the `<basefont>` element?

HTML `<basefont>` properties

Using CSS instead of `<basefont>`