我用的这个方法，文件转base64

@font-face {font-family: "iconfont";
  src: url("data:application/octet-stream;base64,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")format('truetype');
 }