HTML <font> 標簽 · W3School HTML 參考手冊

# HTML <font> 標簽 ## 定義和用法 <font> 規定文本的字體、字體尺寸、字體顏色。 ## 實例規定文本字體、大小和顏色： ``` <font size="3" color="red">This is some text!</font> <font size="2" color="blue">This is some text!</font> <font face="verdana" color="green">This is some text!</font> ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 <font> 標簽。 ## HTML 與 XHTML 之間的差異在 HTML 4.01 中，font 元素不被贊成使用。在 XHTML 1.0 Strict DTD 中，font 元素不被支持。 ## 提示和注釋：提示：請使用樣式（代替 <font>）來[定義文本的字體、字體顏色、字體尺寸](/css/css_text.asp "CSS 文本")。 ## 可選的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | [color](/tags/att_font_color.asp "HTML <font> 標簽的 color 屬性") | _rgb(x,x,x)_ _#xxxxxx_ _colorname_ | 不贊成使用。請使用樣式取代它。規定文本的顏色。 | | [face](/tags/att_font_face.asp "HTML <font> 標簽的 face 屬性") | *font_family* | 不贊成使用。請使用樣式取代它。規定文本的字體。 | | [size](/tags/att_font_size.asp "HTML <font> 標簽的 size 屬性") | _number_ | 不贊成使用。請使用樣式取代它。規定文本的大小。 | ## 標準屬性 ``` id, class, title, style, dir, lang, xml:lang ``` 如需完整的描述，請訪問[標準屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 ``` NONE ``` 如需完整的描述，請訪問[事件屬性](/tags/html_ref_eventattributes.asp)。 ## TIY 實例 [設置文字的字體](/tiy/t.asp?f=html_font-family "Set the font of text") 本例演示如何設置文字的字體。 ``` <html> <body> <h1 style="font-family:verdana">A heading</h1> <p style="font-family:courier">A paragraph</p> </body> </html> ``` [設置文字的尺寸](/tiy/t.asp?f=html_font-size "Set the font size of text") 本例演示如何設置文字的尺寸。 ``` <html> <body> <h1 style="font-size:150%">A heading</h1> <p style="font-size:80%">A paragraph</p> </body> </html> ``` [設置文字的顏色](/tiy/t.asp?f=html_color "Set the font color of text") 本例演示如何設置文字的顏色。 ``` <html> <body> <h1 style="color:blue">A heading</h1> <p style="color:red">A paragraph</p> </body> </html> ``` [設置文字的字體、字體尺寸、字體顏色](/tiy/t.asp?f=html_fontall "Set the font, font size, and font color of text") 本例演示如何設置文字的字體、字體尺寸、字體顏色. ``` <html> <body> <p style="font-family:verdana;font-size:80%;color:green"> This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. </p> </body> </html> ```