content字符生成与自定义图标字体实例页面

展示

代码

• HTML：

  <span class="icon-home"></span>

• CSS：

  @font-face {
    font-family: "myico";
    src:  url("/fonts/4/myico.eot");
    src:  url("/fonts/4/myico.eot#iefix") format("embedded-opentype"),
      url("/fonts/4/myico.ttf") format("truetype"),
      url("/fonts/4/myico.woff") format("woff");
  }
  .icon-home:before {
    font-size: 64px;
    font-family: myico;
    content: "家";
  }