How to Change Font in HTML

In HTML, we can change the font using the following two ways:

1. Using HTML tag
2. Using style attribute

1. Using HTML tag

If we want to change the font of a text using Html tag which is to be displayed on a web page, we have to follow the steps which are given below. Using these steps, we can easily change the font:

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the Html tag.

Step 2: Now, move the cursor at the starting of that text whose font we want to change. And then, type the empty Html tag at that point.

Step 3: Then, you have to close the font tag at the end of the text whose font we want to change.

Step 4: Now, we have to add the attribute of font tag whose name is "face". So, type the face attribute within the starting tag. And, then we have to give the name of font. So, type the name of font in the face attribute as described in the following block.

Step 5: And, at last, we have to save the Html code and run the code. After execution, we will see the following output in the browser:

2. Using Style attribute

If we want to change the font of a text using style attribute which is to be displayed on a web page, we have to follow the steps which are given below. Using these steps, we can easily change the font.

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the style attribute.

Step 2: Now, move the cursor at the starting of that text whose font we want to change. And then, type the CSS style attribute within the

(paragraph) tag.

Step 3: Then, you have to close the paragraph tag at the end of the text whose font we want to change.

Step 4: And, at last, save the following Html code which changes the font using the CSS style attribute.

When we run the above Html code, then we will see the following output in a browser: