/*less引用和css引用还是略有区别的。之前这个roboto.css用的是roboto.less,结果报错  ots-parsing-error-invalid-sfntversion-1008813135 */
/* 看了下这篇文章 https://forum.infinityfree.com/t/ots-parsing-error-invalid-sfntversion-1008813135/60219/4*/
/* 上面说是404,我才恍然大悟，less文件真正编译是在他最后所在css的位置，所以url路径不对，会404，才会找不到文件。css是已经编译到的，所以url路径没问题 */

/* font-weight对照表 */
/*· 100 - css里没有专门的叫法 (其他地方叫 Thin)*/
/*· 200 - css里没有专门的叫法 （其他地方叫 Extra Light、Ultra Light）*/
/*· 300 - css里叫lighter（其他地方叫 Light）*/
/*· 400 - css里叫 Normal (有的地方也叫 Regular、Book、Roman)*/
/*· 500 - css里没有特殊叫法（有的叫 Medium）*/
/*· 600 - css里没有特殊叫法 (有的地方叫 Semi Bold、Demi Bold)*/
/*· 700 - css里叫Bold（其他地方也叫bold） */
/*· 800 - css里没有专门的叫法 （其他地方叫 Extra Bold 、Ultra Bold)*/
/*· 900 - css里没有专门的叫法（其他地方叫 Black (Heavy)*/

/*bold 和 bolder 设置的字体的粗细都是一样的。因为bold的粗体已经是最大值了，所以就算设置bolder，其效果也没明显区别*/
/*bolder存在的意义就是 告诉浏览器我是更粗的字体，在语义化上面，比bold更加强烈*/

@font-face {
  font-family: "Roboto";
  src: url('Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto";
  font-weight:  500;
  src: url('Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto";
  font-weight:  700;
  src: url('Roboto-Bold.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto";
  font-weight:  900;
  src: url('Roboto-Black.ttf') format('truetype');
}