例
指定在一個聲明中的所有字體屬性：
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
字體縮寫屬性在一個聲明中設置所有字體屬性。
可設置的屬性，是(in order) ： "font-style font-variant font-weight font-size/line-height font-family"
字體大小和字體的家庭觀念是必需的。 如果其他值之一是缺少，默認值將被插入，如果有的話。
Note:行高屬性設置線之間的空間。
| 默認值： | The default value of all the font properties |
|---|---|
| 遺傳： | yes |
| 動畫： | yes, see individual properties . Read about animatable Try it |
| 版： | CSS1 |
| JavaScript語法： | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
瀏覽器支持
在表中的數字規定，完全支持該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
注：請參閱下面的每個值單獨瀏覽器的支持。
CSS語法
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;屬性值
| 屬性/值 | 描述 |
|---|---|
| font-style | 指定的字體樣式。 默認值是"normal" 。 見字體樣式可能的值。 |
| font-variant | 指定字體變體。 默認值是"normal" 。 見字體變形可能的值。 |
| font-weight | 指定字體粗細。 默認值是"normal" 。 見字體重量可能的值。 |
| font-size/line-height | 指定字體大小和行高。 默認值是"normal" 。 見字體大小和行高可能的值。 |
| font-family | 指定字體系列。 默認值取決於瀏覽器。 見FONT-FAMILY可能的值。 |
| caption | 使用由字幕控件所使用的字體（比如按鈕，下拉等） |
| icon | 使用由圖標標籤使用的字體 |
| menu | 使用由下拉菜單中使用的字體 |
| message-box | 使用由對話框使用的字體 |
| small-caption | 標題字體的縮小版 |
| status-bar | 使用由狀態欄中使用的字體 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
更多示例
例
一些其他字體屬性值的演示。
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> 試一試» 相關頁面
CSS教程： CSS字體
HTML DOM參考： font property