スマホで@font-faceが適用されないです。

Question

前提・実現したいこと

https://c-d-p.co.jp/countdown/
このページなんですが、カウントダウンしている数字にFuturaというフォントを適用しています。
@font-faceで「futura.ttf」というフォントファイルを読み込んでいるのですが、スマホの実機で表示を確認すると、フォントが適用されていないです。
ブラウザはsafariとchromeで確認しました。が両方だめでした。
pcでデベロッパーツールを見ると表示は問題ないのですが、これはpc自体にフォントがインストールしてあるからだと思われます。

該当のソースコード

こんな感じでcssでは読み込んでいます。

@font-face {
    font-family: 'Futura';
    src: url('font/futura.ttf') format('truetype');
}

試したこと

もともとフォントファイルが.ttcだったのですが、とあるサイトで.ttfにするといい、ということが書いてあったので、.ttfに変換できるサイトで.ttfにしてやってみましたがだめでした。

補足情報（FW/ツールのバージョンなど）

どうしたらフォントを適用できるようになるか、わかる方いらっしゃったら教えてください。
よろしくお願いいたします！

Comments

[maisumakun]

「font-family: 'Futura';」という名前を別なものに変えることで、パソコンにインストールされているFuturaと無関係にテストできるようになるかと思います。それをしてみたら、どのようになりますでしょうか？

[shunsaku87]

わざわざ回答いただき、ありがとうございます！
Futuraというのをmyfontとしたら、なぜかスマホでうまく適用されました！

Answer 1

フリーフォントで再配布が許されているのであれば
WEBフォントとして利用すればよいでしょう

追記

実際にfuturaフォントを試してみたのですが
アルファベット用フォントのようで数字には適用されませんでした

Comments

[maisumakun]

現にWebフォントでやろうとしている状況での問題のようです。