HTML and CSS learning day11

• Use of the sprite
  is achieved primarily by means of background positions background-position: x y ;which are filled x-axis and y-axis coordinates
• Font icons
  Mainly applicable to scenes, small icons, simple icons
  
• Use of font icons

First open the downloaded font file inside demo.htmlcopy the font back of a little box

字体声明 
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?lck2wb');
            src: url('fonts/icomoon.eot?lck2wb#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?lck2wb') format('truetype'), url('fonts/icomoon.woff?lck2wb') format('woff'), url('fonts/icomoon.svg?lck2wb#icomoon') format('svg');
            font-weight: normal;