HTML - <font> 标签



HTML <font> 标签用于指定文本的字体。我们可以使用此标签和相应的属性更改颜色、大小和字体。

由于 <font> 标签在 HTML5 中已被弃用,因此不再推荐使用。我们可以使用 CSS 属性来更改字体大小、颜色等,而不是使用此标签。

语法

<font size=" " color=" " face=" "> ....</font>  

属性

HTML font 标签支持 HTML 的全局事件 属性。还接受一些特定的属性,如下所示。

属性 描述
color

rgb(x,x,x)

#hexcode

colorname

已弃用 - 指定文本的颜色。
face 字体名称列表 已弃用 - 指定字体系列。
size 数字 已弃用 - 指定字体大小,从 1 到 7。

HTML font 标签示例

以下示例将说明 font 标签的使用方法。在什么情况下以及如何使用 font 标签,以及如何使用属性操作字体

设置文本大小

在此示例中,我们将使用 size 属性更改字体文本大小,以及使用 CSS 更改字体大小的替代方法。

<!DOCTYPE html>
<html>
<head>
   <title>HTML font Tag</title>
</head>
<body>
   <!-- Using attribute -- >
   <font size = "5">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </font>
   <!-- Using CSS -- >
   <p style="font-size:24px">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </p>
</body>

设置文本颜色

在此示例中,我们将使用 color 属性更改字体文本颜色,以及使用 CSS 更改字体颜色的替代方法。

<!DOCTYPE html>
<html>
<head>
   <title>HTML font Tag</title>
</head>
<body>
   <!-- Using attribute -- >
   <font color = "#ff9900">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </font>
   <!-- Using CSS -- >
   <p style="color:#ff9900">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </p>
</body>
</html>

设置文本字体

在此示例中,我们将使用 face 属性更改字体文本字体,以及使用 CSS 更改字体字体的替代方法。

<!DOCTYPE html>
<html>
<head>
   <title>HTML font Tag</title>
</head>
<body>
   <!-- Using attribute -- >
   <font face = "cursive,serif">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </font>
   <!-- Using CSS -- >
   <p style="font-family: cursive,serif;">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </p>
</body>
</html>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
font
html_deprecated_tags.htm
广告