📜  如何在HTML中更改字体

📅  最后修改于: 2020-11-04 00:42:12             🧑  作者: Mango

如何在HTML中更改字体

在HTML中,我们可以使用以下两种方式更改字体:

  • 使用HTML标签
  • 使用样式属性

1.使用HTML标签

如果我们想使用要在网页上显示的Html标签更改文本的字体,我们必须遵循以下步骤。使用以下步骤,我们可以轻松更改字体:

步骤1:首先,我们必须在任何文本编辑器中键入Html代码,或者在要使用Html标签的文本编辑器中打开现有的Html文件。


   
    
   
Change font Using HTML tag


 
Hello JavaTpoint! 
Hello User!
How are You?

步骤2:现在,将光标移动到我们要更改其字体的文本的开头。然后,在此时输入空的Html标签。

 Single Line text and statements

步骤3:然后,您必须在我们想要更改其字体的文本的结尾处关闭字体标签。

 Single Line text and statements 

步骤4:现在,我们必须添加名称为“ face”的字体标签的属性。因此,在开始标记内键入face属性。并且,然后我们必须给出字体的名称。因此,如以下块中所述,在face属性中键入字体的名称。


   
    
   
Change font Using HTML tag


 

Hello JavaTpoint! 
Hello User!
How are You?

步骤5:最后,我们必须保存HTML代码并运行代码。执行后,我们将在浏览器中看到以下输出:

2.使用样式属性

如果要使用要在网页上显示的样式属性更改文本的字体,则必须遵循以下步骤。使用这些步骤,我们可以轻松更改字体。

步骤1:首先,我们必须在任何文本编辑器中键入Html代码,或者在要使用style属性的文本编辑器中打开现有的Html文件。


   
    
   
Change font using CSS Tag


 
JavaTpoint is the Best Site for providing education. 


步骤2:现在,将光标移动到我们要更改其字体的文本的开头。然后,在

(段落)标签。

Any Text

步骤3:然后,您必须关闭我们要更改其字体的文本结尾处的段落标签。

Any Text

步骤4:最后,保存以下HTML代码,该代码使用CSS样式属性更改字体。


   
    
   
Change font using CSS Tag


 

JavaTpoint is the Best Site for providing education.

Hii User!

当我们运行上述HTML代码时,我们将在浏览器中看到以下输出: