CSS是一門用于網頁排版和設計的語言,可以用來設置字體類型、大小、顏色等屬性,其中字體類型是網頁中常見的一個屬性之一。下面介紹一些常見的字體類型。
/*設置字體為宋體*/ font-family: "SimSun", serif; /*設置字體為雅黑*/ font-family: "Microsoft YaHei", sans-serif; /*設置字體為雅黑、微軟雅黑*/ font-family: "Microsoft YaHei", "微軟雅黑", sans-serif; /*設置字體為楷體*/ font-family: "KaiTi", serif; /*設置字體為Arial*/ font-family: "Arial", sans-serif;
上面代碼中,font-family屬性用于設置字體類型。每個值都是一個字體的名稱,多個字體名稱用逗號分隔,如果瀏覽器不支持第一個字體,則會嘗試使用第二個字體,以此類推。serif和sans-serif是指有襯線字體和無襯線字體,如果一個字體家族既有有襯線字體,也有無襯線字體,可以使用類似于上面設置雅黑和微軟雅黑的語法。
除了常見的中西文字體,還有一些特殊的字體,比如華文行楷、方正舒體等,可以在網上下載相應的字體文件后使用。設置方式與上述相似。
/*設置華文行楷字體*/ @font-face { font-family: "Hwxk"; src: url("path/to/hwxk.ttf"); } font-family: "Hwxk", serif;
上面代碼中,@font-face用于定義一種自定義字體,src屬性引入字體文件,在字體名稱后面添加:然后使用新的字體名稱即可。
最后,我們不推薦直接在HTML標簽中使用style屬性來設置字體,這樣容易造成代碼冗余,應該把CSS樣式規則集中管理,可以使用內部樣式表或者外部樣式表的形式。
上一篇css 字體的位置調整
下一篇css 字體行高簡寫