字体图标 iconfont cssfont

  https://icomoon.io/ 图标下载网址  也可以在ai  ps 中制作

font css

    @font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot?o31kxg');
    src:url('fonts/icomoon.eot?o31kxg#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?o31kxg') format('truetype'),
        url('fonts/icomoon.woff?o31kxg') format('woff'),
        url('fonts/icomoon.svg?o31kxg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
    content: "e900";
}

html

<div class="clearfix mhl ptl">
        <div class="glyph fs1">
            <div class="clearfix bshadow0 pbs">
                <span class="icon-play">
                
                </span>
            </div>
            
            
        </div>
    </div>

目录