tutorial / directive

@font-face {font-family: "iconwwwfont";
  src: url('font/iconwwwfont.eot'); /* IE9*/
  src: url('font/iconwwwfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/iconwwwfont.woff') format('woff'), /* chrome、firefox */
  url('font/iconwwwfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('font/iconwwwfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.xn-icon {
  font-family:"iconwwwfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-railroad:before { content: "\f600"; }
.icon-profession-1:before { content: "\f602"; }
.icon-profession-2:before { content: "\f603"; }
.icon-wechat:before { content: "\f604"; }
.icon-recruitment:before { content: "\f605"; }
.icon-qq:before { content: "\f606"; }
.icon-development-history:before { content: "\f607"; }
.icon-group:before { content: "\f608"; }
.icon-recruitment_list:before { content: "\f609"; }
.icon-mouse:before { content: "\f60a"; }
.icon-top_01:before { content: "\f60b"; }