用 css font-family 修改 textarea 內的文字字型範例
<textarea style="font-family:serif;">這是 serif 字型</textarea>
<textarea style="font-family:sans-serif;">這是 sans-serif 字型</textarea>
<textarea style="font-family:cursive;">這是 cursive 字型</textarea>
<textarea style="font-family:fantasy;">這是 fantasy 字型</textarea>
<textarea style="font-family:monospace;">這是 monospace 字型</textarea>
呈現效果<textarea style="font-family:sans-serif;">這是 sans-serif 字型</textarea>
<textarea style="font-family:cursive;">這是 cursive 字型</textarea>
<textarea style="font-family:fantasy;">這是 fantasy 字型</textarea>
<textarea style="font-family:monospace;">這是 monospace 字型</textarea>
還不熟悉 HTML textarea 的設計規則嗎?先閱讀這篇:HTML textarea 文字欄位。
常用到的安全字型也許不足以滿足所有設計師所想要呈現的風格,font-family 當然不只有這樣而已,若您想把 textarea 的字型修改為其他 Windows 常見的字型如新細明體、標楷體或是微軟正黑體也辦得到,請參閱這一篇:CSS font-family 字型。
延伸閱讀