★ 地圖雷奧鎮近郊處 ↓↓↓
顯示雷奧鎮位置圖
就在那了！！ (
抬頭一看 )
只要再往東走，就能順利到達城鎮～～
：站住！！
近郊衛士 [速記豹]：
此為進入鎮內唯一通道。
全面禁止異地人接近！！ (
制止樣。)
快繞道離開！！
★★★ 關卡條件 ↓↓↓
指定為單個關鍵字值 (設定系統字體)，或為各種相關字體屬性的速記形式。與其它屬性速記相同，未指定任何值，都將設置為其對應的初始值 (需留意覆蓋非速記屬性值)。
屬性為一個合併速記時，其值為 font-style，font-variant，font-weight，font-stretch，font-size，line-height 和 font-family。
設定系統字體的關鍵字，它必須是以下之一：caption，icon，menu，message-box，small-caption 或 status-bar 等。[詳解更多]
註：關鍵字只能用於 font 屬性速記，不能用於任何單獨屬性聲明 (例 font-family: caption)。
近郊衛士 [速記豹]：
你有通行證？ 等等！！ 回答我幾個問題？
font 屬性速記：強制值：
font-size 和 font-family，如缺一則將忽略整個聲明。font-family 需為指定排序的最後值，否則將忽略整個聲明。可選值：
<font-style>，<font-variant>，<font-weight>，<font-stretch> 和 <line-height> 皆為可選值。font-style，font-variant 和 font-weight 三個屬性值 (可更動先後順序)，但必需在 font-size 聲明之前先行定義，否則將忽略整個聲明。line-height 緊鄰 font-size 屬性值，並位於正斜杠 / 其後聲明 (例 16px/3)。如將省略其值，需連同省略正斜杠，否則將忽略整個聲明。font-variant 僅支援指定 normal 與 small-caps 屬性值，而 font-stretch 只能為單一關鍵字值。註：可參考 MDN font 實作範例，[詳解更多]。
：好熟悉，這不是先前村落？？？
難道有關聯？？
不管了，先回答再說。(
啪啦啪啦！！！)
font 屬性聲明：font: font-style(1) font-variant(2) font-weight(3) font-stretch(4) font-size(5)/line-height(6) family-name(7) generic-name(8) ;
註：font-stretch：具有壓縮，正常和擴展寬度面的字體系列映射，都經由比例調整 (非直接變形)。
...
...
近郊衛士 [速記豹]：
可以了。順便記住一件事！！
聽完就可以過去。
痾！！ 好。
font 屬性繼承：可透過對 <body> 元素 font 屬性聲明，指定所有後代元素字體設定值。但經由 <p> 元素上重新聲明，在其段落上重置屬性值，導致 font-style，font-weight 和 line-height 恢復其初始值。
版面為中英混合文本時，需留意引入單一字型，是否皆支援相對應中英字型設定，避免超出預期範圍。
body { font: italic bold 44px/50px Georgia, serif; }
p { font: 30px Georgia, serif; }
To Be Continued ...
[ 追加經驗值 ]
註：參考來源 css-tricks font
關於 MDN 由 Mozilla Contributors 製作，以 CC-BY-SA 2.5 釋出。
iThome鐵人賽
看影片追技術