字体图标 iconfont cssfont
2015-10-28 21:22
537 查看
[b] [b]https://icomoon.io/ 图标下载网址 也可以在ai ps 中制作[/b][/b]
font css
html
目录
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>
目录
相关文章推荐
- css定位
- CSS盒模型
- Css3文本新属性
- CSS边框素材
- 响应式样式
- CSS基础学习一:CSS概述
- 关于AlertDialog的自定义样式
- less css预编译语言学习
- CSS样式
- 如何诊断节点重启问题
- css3在不同型号手机浏览器上的兼容一览表
- -moz-border-radius CSS属性演示源代码:FireFox下圆角矩形
- CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
- CSS 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- IE6/IE7/FF的CSS hack总结
- IE与Firefox的CSS兼容大全
- CSS3弹性布局的使用
- css排版
- 解决CSS中float:left后需要clear:both清空的繁琐步骤(转)