CSS font-face无法在手机上运行

Question

有人可以帮助我的CSS吗？我正在尝试将我的字体本地打包到我的网站中，以便由不支持它的设备下载，但它不起作用。这是我尝试过的：

body {
     background-color: black;
     font-family: "century gothic";
}
@font-face {
  font-family: 'century gothic';
  src: url('../font/GOTHIC.TTF')  format('truetype'),
       url('../font/GOTHIC.woff') format('woff'),
       url('../font/GOTHIC.woff2') format('woff2'),
}

根据我的理解，在我的身体中我将字体设置为世纪哥特式，这对于像我的电脑预装字体的设备一样好。

当我尝试在手机上查看网站时，它没有被下载和显示，它只是显示默认的HTML字体。 Times New Roman我相信。

我感谢任何帮助。