カスタムフォントを読み込むには？

Question

私が作業しているWebページにカスタムフォントをアップロードしようとしていますが、なぜ動作しないのかわかりません。私はそれがスニペットではフォントファイルがアップロードされていないときにはうまくいかないことを知っていますが、ファイルへのパスが正しいこととcssファイルがHTML文書にリンクされていて、

@font-face { 
 
    font-family: 'customFont'; 
 
    src: url(../fonts/BebasNeueBook.otf) format("otf"); 
 
} 
 

 
.text{ 
 
    color: rgb(87, 87, 87); 
 
    font-family: customFont !important; 
 
}

<span class="phone text">T. 1 877 412 0888</span>

Answer 1

正直なところ、あなたのコードは、権利について...しかし、唯一のファイル.OTFようです。

あなたのotfフォントをこのサイトにドラッグしてみてください：https://transfonter.org/これはあなたにすべてのwebfont形式を一度にダウンロードできるようにするために必要なCSSです。

それは後に表示されない場合は、何か他のものがアップ