引入字体避坑（引入字体成功，没报错，但是就是没有效果）

css 引入外部字体没报错，但是没有效果。

坑了我一下午，查了各种资料，结果是后缀大写了。我下载下来的字体就是大写的，引入就没效果，改成小写就可以了

字体后缀必须小写，不然引入会没效果

@font-face{
    font-family: 'music';
    src: url('../font/music-icon.eot');
    src: url('../font/music-icon.eot') format('embedded-opentype'),
         url('../font/music-icon.ttf') format('truetype'),
         url('../font/music-icon.woff') format('woff'),
         url('../font/music-icon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}