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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。