在早期的HTML版本中,字体标签被用来定义和改变字体的大小、颜色和样式。然而,HTML5不建议使用字体标签。
HTML5将字体属性作为一个属性添加到元素中。这些属性包括字体样式、字体大小和颜色。这些属性增强了HTML中字体的美感。本文旨在提供各种方法来改变HTML中的字体。本文的成果是。
如何改变HTML中的字体
在HTML中,一个字体包括各种属性,如颜色、样式和大小。这些属性的应用是为了提供字体的互动可见性。
如何改变HTML中的字体颜色
要在HTML中改变字体的颜色,在开头标签中添加样式属性,并使用颜色属性,然后指定颜色值,可以是**"Hex"、"RGB "或 "关键字**"的颜色名称。
下面的HTML代码利用**"color "**属性来改变字体的颜色。
代码
<body>
<p style="color: red"> We changed the font color from default to red </p>
</body>
在上面的代码中,我们在开头的p标签中使用了style属性,然后使用color属性并分配了颜色值。
代码 图片

输出

字体颜色从默认变为红色,我们使用了font-color属性并分配了红色。
如何改变HTML中的字体大小
内联样式是对单个元素的样式。每当我们在一个特定的元素中使用样式属性时,它将覆盖目标属性。
让我们用下面的代码来改变HTML中的字体大小。
代码
<body>
<p style="font-size: 30px;"> We changed the font size to 30px</p>
</body>
在上面的代码中,我们使用font-size属性将字体大小设置为30px,我们将这段代码应用于段落标签的开头标签,即p。
图片

输出

通过使用font-size属性,段落的文字大小从默认变为30px。
如何改变HTML中的字体样式
字体样式定义了HTML中的字体样式。每当我们在一个HTML元素中使用style标签时,它将覆盖所有被设置为默认的参数。
让我们看看如何通过下面的例子来改变HTML中的字体样式或字体家族
代码
<body>
<p style="font-family: verdana;"> Font style changed to Verdana </p>
</body>
在这里,我们使用了Font-family标签,并给它分配了'Verdana'属性,它将标题的字体样式从默认的改为Verdana。
图片

输出

通过使用font-style属性,字体风格从默认变为Verdana。
你已经学会了在HTML中改变字体样式、字体大小和字体颜色。
总结
HTML的字体可以通过使用三个不同的属性来改变,它们是 "颜色"、"字体大小 "和 "字体风格"。这篇文章提供了改变HTML中字体的各种方法。颜色 "属性可以改变字体的颜色,"字体大小 "用于操纵字体的大小,而 "font-family "则为字体添加一些样式。