第三篇
HTML教學
第二節
文字與顏色
文字字型名稱標籤
請注意：
Face
="
中
"|"
英文字型名稱
Face
="
Name
這只是教學上的代稱
請看下面代稱表示說明，千萬不要照套喔。
請注意：
部份瀏覽器不支援此功能，如：Mozilla Firefox
更多 Webdings 字型範例，請詳參本篇協助工具
玖、... Webdings 字型範例。
<
Font
Face
="
中
"|"
英文字型名稱
"
>
文字字型名稱
<
/
Font
>
標籤語法
產生效果
語 法 說 明
<
Font
Face
="
Name
"
>
Text
<
/
Font
>
顯示大小
可改變文字字體字型，
Face
="
中
"|"
英文字型名稱
"，這裡的 "
中
"|"
英文字型名稱
" 表示屬性值可使用"中文"或"英文"字型名稱。
範例(一)
HTML標籤
：
<
Font
Face
="
標楷體
"
>
標楷體
<
/
Font
>
顯示結果
：
標楷體
範例(二)
HTML標籤
：
<
Font
Face
="
華康少女文字W3
"
>
華康少女文字W3
<
/
Font
>
顯示結果
：
華康少女文字W3
範例(三)
HTML標籤
：
<
Font
Face
="
華康仿宋體
"
>
華康仿宋體
<
/
Font
>
顯示結果
：
華康仿宋體
範例(四)
HTML標籤
：
<
Font
Face
="
Webdings
"
>
x
<
/
Font
>
顯示結果
：
x
安裝華康少女文字W3前後對照狀況比較
：
請於下面兩圖例中，點擊 Next 及 Back 查看，前後移動相互比較一下品質
無法顯示華康少女字型
？
請到本課程 0302 目錄內的 font 資料夾
將少女體w3.ttc
安裝在您的電腦內即可
限教材或教學會員使用
。
如何安裝字型？
請將少女體 w3.ttc 解壓縮後
搬移到我的電腦
控制台
字型資料夾內
安裝後請按重新整理看看。
注意事項
：
字型名稱標籤顯示與否，是依據使用者的電腦端是否安裝該字型名稱而定，未裝者將會以電腦內定字體出現。
您現在看的這三組字型是否都一樣？還是有一兩組不同？
電腦內定字體，英文是以：
Arial
、
Courier New
、
Times New Roman
。
電腦內定字體，中文是以：
(新)細明體
、
標楷體
的順序來顯示。
所以當您想安裝這些特殊字型時，請務必考慮到訪客是否也能看到同樣效果。
因此您可預設多組字型
<
Font
Face
="
華康少女文字W6
","
華康仿宋體
","
標楷體
"
>
。
屆時訪客的電腦會依序找尋現有之字型來用。
Font
的這三個屬性是否可以單獨或合併使用？當然可以！甚至在內外層也可以加入其他標籤
。
安裝華康少女文字W3前後對照狀況比較：
控制台
字型名稱標籤顯示與否，是依據使用者的電腦端是否安裝該字型名稱而定，未裝者將會以電腦內定字體出現。
您現在看的這三組字型是否都一樣？還是有一兩組不同？
電腦內定字體，英文是以：Arial、Courier New、Times New Roman。
電腦內定字體，中文是以：(新)細明體、標楷體的順序來顯示。
所以當您想安裝這些特殊字型時，請務必考慮到訪客是否也能看到同樣效果。
因此您可預設多組字型<Font Face="華康少女文字W6","華康仿宋體","標楷體">。
屆時訪客的電腦會依序找尋現有之字型來用。
Font 的這三個屬性是否可以單獨或合併使用？當然可以！甚至在內外層也可以加入其他標籤
