HTML 字体大小

在 HTML 中，我们使用各种标签来创建 Web 文档，其中之一就是 <font> 标签。<font> 标签包含多个属性，如 color、face 和 size。在本文中，我们将了解 <font> 标签的 "size" 属性。

"size" 是定义在 <font> 标签内部的一个属性，它指定了其中包含的文本的大小。HTML 的早期版本支持该属性。

语法

在上面的语法中，数字是 "size" 属性的值，它表示文本的大小。

字体大小的值介于 1 和 7 之间。默认情况下，网页上文本的字体大小为 3。"size" 属性值为 "1" 表示将文本设置为最小尺寸，而值为 "7" 则表示将文本设置为最大尺寸。

注意：为了支持 CSS（层叠样式表），HTML5 中已不再支持 <font> 标签的 "size" 属性，因此我们可以使用 CSS 来代替 HTML 的 <font> 标签。

字体大小 1 到 7 的描述

1. <font size = "1">

用于将文本大小设置为最小。

2. <font size = "2">

用于使文本大小略大于字体大小为 "1" 的文本。您可以将此大小用于标题说明。

3. <font size = "3">

如果没有手动定义字体大小，这是默认应用于所有包含文本的元素的标准大小。

4. <font size = "4">

用于使文本大小大于字体大小为 "3" 的文本。您可以将其用于重要文本。

5. <font size = "5">

用于将文本大小设置为比字体大小为 "4" 的文本更大。您可以将其用于标题。

6. <font size = "6">

用于将文本大小设置为特大。

7. <font size = "7">

用于将文本大小设置为最大。

让我们通过示例来更好地理解 HTML 字体大小

示例 1

在此示例中，我们将字体大小的值设置为 "1"，以观察包含文本的 HTML 元素的行为。

代码

输出

如下面的输出所示，HTML <p> 元素的文本大小是最小的。

示例 2

在此示例中，我们将字体大小的值设置为 "7"，以观察包含文本的 HTML 元素的行为。

代码

输出

如下面的输出所示，HTML <p> 元素的文本大小是最大的。

示例 3

以下示例使用从 1 到 7 的不同 size 属性值来调整文本大小

代码

输出

在上面的代码中，文本被写入每个 <font> 标签内，并带有从 1 到 7 的不同 "size" 属性值。

因此，在下面的输出中，您可以看到每个 <font> 标签内的文本大小都不同。

支持 HTML <font> 标签的浏览器

以下是支持 HTML <font> 标签的浏览器

• 火狐
• Chrome
• Microsoft Edge
• Safari
• Opera
• Firefox Mobile
• Opera Mobile
• Microsoft Edge Mobile
• Safari Mobile

结论

• 在 HTML 中，<font> 标签有一个 "size" 属性，它负责文本的大小。
• 在早期版本的 HTML 中，<font> 标签用于指定文本的大小。现在，CSS 的 font-size 属性用于设置文本大小。
• 许多浏览器都支持 <font> 标签，例如 Firefox、Chrome、Microsoft Edge、Safari、Opera、Firefox Mobile、Opera Mobile、Microsoft Edge Mobile 和 Safari Mobile。