字体显示在台式机上，而不显示在移动设备上

Question

@font-face {
    font-family: 'Howard_Fat-Ligh';
    src: url('fonts/Howard_Fat-Ligh/Howard_Fat-Ligh.eot');
    src: url('fonts/Howard_Fat-Ligh/Howard_Fat-Ligh.eot?#iefix') format('embedded-opentype'),
        url('fonts/Howard_Fat-Ligh/Howard_Fat-Ligh.woff2') format('woff2'),
        url('fonts/Howard_Fat-Ligh/Howard_Fat-Ligh.woff') format('woff'),
        url('fonts/Howard_Fat-Ligh/Howard_Fat-Ligh.ttf') format('truetype'),
        url('fonts/Howard_Fat-Ligh.svg#Howard_Fat-Ligh') format('svg');
    font-weight: 100;
    font-style: normal;
}

该字体可在桌面上正确显示，但不能在移动设备上显示。我检查了Android Firefox和Chrome。删除两者上的缓存，然后重试。似乎没有任何作用。字体文件和字体规则是由https://transfonter.org/生成的，是的，字体规则位于css文件的顶部，不在任何可能会阻塞较小屏幕上字体的媒体查询之内，并且已应用在body处这样：

body{
    font-family: 'Howard_Fat-Light';
}

有任何线索吗？