您的位置:首页 > Web前端 > CSS

字体图标 iconfont cssfont

2015-10-28 21:22 537 查看
[b] [b]https://icomoon.io/ 图标下载网址 也可以在ai ps 中制作[/b][/b]

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>


目录



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: