网络字体的兼容写法

引入网络字体

@font-face {
  font-family: "ShiJin"; /* 字体名称 */
  src: url(./fonts/MaoKenShiJinHei-2.ttf); /* 字体地址 */
}

兼容性写法（固定）

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

  font-style: normal;
  font-weight: 400;
}