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

以上是CSS裡字體樣式怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！