css 样式里引入本地文件

Question

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  /*src: local('Dosis Light'), local('Dosis-Light'),                 url(http://fontstatic.useso.com/s/dosis/v6/SHQzTQBI7152hSrIuGUiVBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');*/
  
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  @import: url(./rhuihruhiehtihtow.tff);（.tff 下载下来的字体文件）
}

如上述代码 之前使用src引用了一个字体文件，因这样加载时间会变长所以想变成本地文件完了再引入， 但是这样该字体文件未加载 该如何写啊 这里

Answer 1

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