CSS是前端開發過程中重要的一環，常用于控制文本樣式。其中，字體樣式是其中之一，下面我們來介紹一些常見的CSS字體樣式。

/* 改變字體大小 */
font-size: 16px;
/* 改變字體顏色 */
color: #333;
/* 改變字體樣式 */
font-style: italic;
/* 加粗 */
font-weight: bold;
/* 下劃線 */
text-decoration: underline;

除了以上常用的字體樣式，我們還能使用自定義字體進行美化。下面是一些自定義字體的CSS代碼。

/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* 字體圖標 */
@font-face {
font-family: 'icomoon';
src: url('icomoon.eot');
src: url('icomoon.eot?#iefix') format('embedded-opentype'),
url('icomoon.woff') format('woff'),
url('icomoon.ttf') format('truetype'),
url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* 圖標字體 */
.iconfont{
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

最后，我們來分享一些常用的字體圖片大全，供大家參考。

以上便是關于CSS字體樣式及字體圖片大全的介紹。希望對大家有所幫助。