码迷,mamicode.com
首页 > Web开发 > 详细

字体图标 iconfont cssfont

时间:2015-10-28 22:55:38      阅读:2702      评论:0      收藏:0      [点我收藏+]

标签:

  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>

目录

技术分享技术分享

 

字体图标 iconfont cssfont

标签:

原文地址:http://www.cnblogs.com/wzzl/p/4918719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!