CSS 學習筆記 > 用 CSS 的 font-family 屬性修改 textarea 文字欄位字型

CSS 的 font-family 屬性用來修改 textarea 文字欄位字型，可以很容易的設計出相當有質感的 textarea 文字輸入欄位，這效果在網友填寫表單時就可以感受到，因為預設的 textarea 字型會根據作業系統的預設來呈現，有的時候坦白說並不是很好看，所以稍微有一點點美感的網頁設計師，通常都會透過 CSS 的 font-family 屬性，將 textarea 文字輸入欄位的預設字型稍微修改，美化一番，也讓瀏覽者的瀏覽體驗更好一點。

用 CSS 的 font-family 屬性修改 textarea 文字範例範例的實際效果範例中的開頭 textarea 標籤內使用了 style 宣告 font-family 屬性，而且我們使用了兩個字型讓瀏覽器依序挑選，第一個字型 Microsoft JhengHei 就是微軟正黑體，第二個字型 sans-serif 則是通用字型的一種，我們建議網頁設計師可以多用幾個通用字型，避免預設的第一順位字型無法顯示，關於通用字型的選用，請參考《CSS font-family 網頁文字的字型設定》篇的說明。

延伸閱讀：HTML textarea 多行文字欄位設計

更多 CSS font-family 字型應用技巧

• 用 CSS 的 font-family 屬性修改網頁表格文字的字型
• 用 CSS 的 font-family 屬性修改 DIV 區塊的文字字型
• 用 CSS 的 font-family 修改 input type text 文字欄位字型

累積熱門文章

• 如何用 css style 替文字增加刪除線
• 用 DIV 排版兩欄式網頁設計
• 用 DIV 排版三欄式網頁設計
• CSS text-align 水平對齊設計
• css color 文字顏色
• CSS DIV 區塊
• 用 DIV 排版單欄式網頁設計
• CSS 的註解寫法規則
• CSS DIV 區塊內的文字或圖片置中
• css background-color 背景顏色

今日熱門文章

• CSS z-index 垂直螢幕方向位置 (z軸高度)
• 為什麼要學習 CSS 網頁設計
• 三種常用的 CSS 選擇器(CSS selector)
• css color 文字顏色
• css padding 內距
• 如何用 css style 替文字增加刪除線
• CSS DIV 區塊
• css background-color 背景顏色
• css margin 外距
• CSS color 屬性設計網頁文字顏色

CSS 是目前非常熱門的網頁設計語言，幾乎所有主流的瀏覽器都支援 CSS 語法，比起傳統的網頁設計方式，CSS 能夠提供設計師更多的優勢以設計出更獨具風格的網頁，也讓網站維護更加有效率，CSS 讓網頁設計更進化了。