files/zh-cn/web/html/element/font/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

---
title: <font>
slug: Web/HTML/Element/font
translation_of: Web/HTML/Element/font
---
<div>{{Deprecated_header}}</div>

<h2 id="概要">概要</h2>

<p><em>HTML Font 元素</em>（<code>&lt;font&gt;</code>）定义了该内容的字体大小、顏色与表现。</p>

<div class="note">
<p><em>注意：</em></p>

<p><strong>不要使用这个元素！</strong>尽管它在 HTML 3.2 规范化，但在 HTML 4.01 中已废除，因为该元件只和样式相关，接着在 HTML5 过时。</p>

<p>从 HTML 4 开始，HTML 不能在 {{HTMLElement("style")}} 元素，或各元素 <strong>style</strong> 属性以外，表现任何样式信息。今后的网页开发，样式只能使用 <a href="/zh-TW/docs/CSS" title="CSS">CSS</a> 来编写。</p>

<p>{{HTMLElement("font")}} 元素的行为，可以通过 <a href="/zh-TW/docs/CSS" title="CSS">CSS</a> 属性实现，以及更好控制。</p>
</div>

<h2 id="属性">属性</h2>

<p>如同其他 HTML 元素，这个元素支持<a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">全局属性</a>。</p>

<dl>
 <dt>{{htmlattrdef("color")}}</dt>
 <dd>这个属性使用颜色名称或是十六进制的 #RRGGBB 格式，来设置文字的颜色。</dd>
 <dt>{{htmlattrdef("face")}}</dt>
 <dd>这个属性列出了一个或多个逗号分隔的字体名称。 默认样式中的文档文字，会使用客户端浏览器所支持的，第一个字体风格来渲染。如果本地系统中并没有安装列出的字体，浏览器会使用系统预设的均衡（proportional）或等宽（fixed-width）字体。</dd>
 <dt>{{htmlattrdef("size")}}</dt>
 <dd>这个属性使用数字或相对值指定文字大小。数字在最小的 7 到最大的 7 之间，默认值为 3。也可以用诸如 <span style="font-family: courier new;">+2</span> 或 <span style="font-family: courier new;">-3</span> 的相对值指定，这会将其设置为，相对于 {{HTMLElement("basefont")}} 元素 {{htmlattrxref("size", "basefont")}}属性的值，或者如果不存在，则是相对于 <span style="font-family: courier new;">3</span> 也就是默认值的值。</dd>
</dl>

<h2 id="DOM_接口">DOM 接口</h2>

<p>这个元素实现了 {{domxref("HTMLFontElement")}} 接口。</p>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<h3 id="Gecko_注解">Gecko 注解</h3>

<p>在 Gecko 15.0 {{geckoRelease("15.0")}} 之前的版本， Gecko 并不能正确处理 <code>size</code> 属性的超出范围的数值。对于相对大小，它并不接受超出范围的数值。现在，它已经能够将其正确截断为 -10 到 +10 之内的范围。</p>

<p>Gecko 15.0 还移除了 <code>&lt;font&gt;</code> 元素对 <code>font-weight</code> 与 <code>point-size</code> 属性的支持：这些非标准属性只受 Gecko 引擎支持。</p>

<div>{{HTMLRef}}</div>