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字体样式及字体图片大全的介绍。希望对大家有所帮助。