このフォントは誰にでも見えますか？

Question

私はBebasNeue Regularというカスタムフォントを使用しようとしています。自分のウェブサイトをオンラインにしてローカルPCに表示しないようにする予定です。私はフォントをインポートするために次のCSSを使用しました：

@font-face { 
    font-family:BebasNeue Regular; 
    src:url("BebasNeue Regular.ttf"); 
} 

    .text h1 { 
     margin:auto; 
     text-align:center; 
     font-size:15vw; 
     text-transform:uppercase; 
     font-family:BebasNeue Regular; 
    } 

このフォントは他人に公開されますか？

Answer 1

@Tommy Oは、 "フォールバック"システムについては正しいです。 ttfバージョンのみの場合は、Online Font Converterを使用して、目的のフォーマットのフォントファイルを作成する必要があります。最終的な製品はまた、それらを適切に適用する方法を示すサンプルCSSファイルを提供します。あなたのケースでは、それは次のようになります。

@font-face { 
    font-family:'BebasNeue Regular'; 
    src: url('BebasNeue Regular.eot'); 
    src: url('BebasNeue Regular.woff') format('woff'), 
     url('BebasNeue Regular.ttf') format('truetype'), 
     url('BebasNeue Regular.eot?#iefix') format('embedded-opentype'); 
} 

Answer 2

1）をそれらのスペースを持っているフォント名の場合は、引用符を使用します。

@font-face { 
    font-family:"BebasNeue Regular"; 
    src:url("BebasNeue Regular.ttf"); 
} 

.text h1 { 
    margin:auto; 
    text-align:center; 
    font-size:15vw; 
    text-transform:uppercase; 
    font-family:"BebasNeue Regular"; 
} 

しかし、私は実際のTTFファイルを疑いますフォントはその名前にスペースが含まれています（上に書いた通りです）ので、それをよく確認してください。はとなります。ファイル名のスペースは、BebasNeue_Regular.ttfのようにアンダースコアに置き換えてください。

2.）このコードは、フォントファイルがHTMLファイルまたはPHPファイル（つまりウェブページ自体）と同じディレクトリ（サーバー上）にある場合にのみ機能します。