小米官网里面 下图这个部分可以用几个图片就搞定 为什么要 用css 样式搞得这么复杂

还有他的css样式里面 用的base64 做的上面按钮的图片 这部分知识在哪有介绍?为什么要这么做?

@font-face {
    font-family: 'iconfont';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg9UHR..........................AAAAAAAAAAAAAAA) format("woff");
    font-weight: normal
}