css字体图标iconfont 使用方法

/*Note:
    1: iconfont.css样式文件 和 "font"文件夹都放在公共文件夹内,具体路径各异;
    2: 需要用到字体图标的页面都须引用iconfont.css样式文件;
    3: 引用前检查iconfont.css内是否已定义该类名样式;
    4: 引用前检查font文件夹内是否包含对应的eot,woff,ttf,svg字体文件。
  By 刚哥([email protected])
*/

.iconfont{
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-style:normal;
}

@font-face{
    font-family:'girl';
    src: url('../font/girl/iconfont.eot?#iefix') format('embedded-opentype'), 
    url('../font/girl/iconfont.woff') format('woff'), 
    url('../font/girl/iconfont.ttf') format('truetype'), 
    url('../font/girl/iconfont.svg#iconfont') format('svg'); 
}
.iconfont.girl{font-family:"girl" !important;}
.iconfont.girl:before{content:'\e626';}

你可能感兴趣的:(框架插件,HTML/CSS)