Destoon6.0PC或手机版常用图标字体_字体_图标_DT模板网

Destoon6.0PC或手机版常用图标字体_字体_图标_DT模板网

DT模板网首页 iconfont字体图标
第一步:使用font-face声明字体
@font-face {font-family: "dticon";
  src: url('style/images/img/dt-iconfont.eot'); /* IE9*/
  src: url('style/images/img/dt-iconfont01.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('style/images/img/dt-iconfont.woff') format('woff'), /* chrome, firefox */
  url('style/images/img/dt-iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('style/images/img/dt-iconfont.svg') format('svg'); /* iOS 4.1- */
}
第二步:定义使用dt-iconfont的样式
.dt-iconfont {
  font-family:"dticon" !important;
  font-size:1.2rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="dt-iconfont dt-icon">&#xe639;</i>

或者使用class:<i class="dt-iconfont dt-icon-sousuo"></i>