字体图标 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>