CSS裡字型樣式怎麼設定

在網頁中我們常常對網頁中文字設定字型，用font-family這個屬性就可以對字型樣式進行設定了。那麼我們今天就來教大家從html的字型到css字型的設定方法。

原始的html字型設定

Html的文字字型設定代碼：

<font face="黑體">我是黑體字</font>

CSS字型設定

CSS 字型屬性單詞

font-family

CSS字型 css font-family使用方法：

font-family:"設定字型名稱";

exp：

CSS運用執行個體代碼：

.div{ font-family:"黑體";}

對應html代碼:

<div class="div">我也是黑體字型</div>

說明：以上的css font-family 字型案例，包括了原始的html的字型設定和css 字型設定。

字型選擇技巧

CSS 字型常見我們使用“黑體”、“宋體”此2種中文字型，這是為什麼呢，因為網頁載入選擇字型時候是調用訪問者系統文字型檔的文字字型，如果沒有找到字型那將顯示預設的網頁字型。而每個人安裝的作業系統(XP\VISTA\WIN7等系統)預設包括此幾種中文字型。這樣我們要使用每個人作業系統內建都有的字型作為網頁字型，所以不能設定我們單獨安裝的文字字型。如果我們設定自己單獨安裝的字型，在自己電腦上會實現設定字型樣式，而到其它使用者瀏覽此網頁時候此網頁內文字字型會大變樣。

font-family字型選擇

我們在VIP課程中有介紹選擇CSS屬性及值的技巧。

我們推薦常用字型有：

宋體、黑體、微軟雅黑、Arial, Helvetica, sans-serif此4種字型。

font-family總結

使用css font-family對物件常值進行字型設定，注意使用常用字型，不要將自己安裝的字型設定為網頁的字型，這樣一來別人瀏覽你網頁的時候沒有這樣字型造成，文字不美觀。通常推薦字型：黑體、宋體、微軟雅黑、Arial, Helvetica, sans-serif。

對於字型設定的方法和注意事項就這麼多了，希望大家能熟練掌握，更多精彩請關注php中文網其它相關文章！

相關閱讀：

css裡的padding屬性怎麼使用

html的編輯轉換器

怎樣知道瀏覽器支不支援html