HTML <font>用法及代码示例

<font>标记在网页中起着重要的作用，以创建吸引人的可读网页。字体标签用于更改文本的颜色，大小和样式。基本字体标签用于将所有文本设置为相同的大小，颜色和外观。

字体标签本质上具有以下三个属性：

Size
脸型/类型
Color

font Size：此属性用于通过带有size属性的font标签来调整HTML文档中文本的大小。 HTML中字体的大小范围是1到7，默认大小是3。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>HTML font tag</title> 
    </head> 
      
    <body> 
        <font size = "1">GeeksforGeeks!</font><br /> 
        <font size = "2">GeeksforGeeks!</font><br /> 
        <font size = "3">GeeksforGeeks!</font><br /> 
        <font size = "4">GeeksforGeeks!</font><br /> 
        <font size = "5">GeeksforGeeks!</font><br /> 
        <font size = "6">GeeksforGeeks!</font><br /> 
        <font size = "7">GeeksforGeeks!</font> 
    </body> 
</html>

输出：

GeeksforGeeks!! = "1"

GeeksforGeeks!! = "2"

GeeksforGeeks!! = "3"

GeeksforGeeks!! = "4"

GeeksforGeeks!! = "5"

GeeksforGeeks!! = "6"

GeeksforGeeks!! = "7"

字体类型：可以通过将face属性与HTML文档中的font标签一起使用来设置字体类型。但是需要首先将用户使用的字体安装在系统中。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Example of Font Type</title> 
    </head> 
      
    <body> 
        <font face = "Times New Roman" size = "6"> 
                             GeeksforGeeks!!</font><br /> 
        <font face = "Verdana" size = "6"> 
                             GeeksforGeeks!!</font><br /> 
        <font face = "Comic sans MS" size =" 6"> 
                             GeeksforGeeks!!</font><br /> 
        <font face = "WildWest" size = "6"> 
                             GeeksforGeeks!!</font><br /> 
        <font face = "Bedrock" size = "6"> 
                             GeeksforGeeks!!</font><br /> 
    </body> 
</html>

输出：

 GeeksforGeeks!!

 GeeksforGeeks!!

 GeeksforGeeks!!

 GeeksforGeeks!!

 GeeksforGeeks!!

字体颜色：字体颜色用于在HTML文档中使用带有带有color属性的字体标签来设置文本颜色。可以使用名称或十六进制代码指定颜色。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Font Color</title> 
        <style> 
            body { 
                font-size:40px; 
                font-weight:bold; 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <font color = "#009900">GeeksforGeeks</font><br /> 
        <font color = "green">GeeksforGeeks</font> 
    </body> 
</html>

输出：
font-color

注意：HTML5不支持字体标签。
支持的浏览器：以下列出了<font>标记支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自Akashkumar17大神的英文原创作品 HTML | <font> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。