CSSでカスタムフォントを使用中にエラーが発生しました

Question

CSSファイルを使用して自分のウェブサイトにカスタムフォントを使用しようとしましたが、必要なフォントが取得されず、デフォルトフォントのみが表示されます。 CSSコードを確認し、必要な変更があれば教えてください:)

@font-face { 
    font-family: Myriad Pro; 
    src: url('Myriad.ttf'); 
    } 
#voicetext{ 
    color:#127bb9; 
    font-size:16px; 
    font-family:"Myriad Pro"; 
    text-align:center; 
    letter-spacing:3px; 
} 

Answer 1

残念ながら、これはあまり簡単ではありません。真のクロスブラウザソリューションのためには、TTFバージョン以上のものを参照する必要があります。

この質問には：How to embed fonts in HTML?の完全なリストがあり、すべてのブラウザの特徴を満たすようにPaul Irishの"Bulletproof web fonts"ブログエントリへのリンクがあります。あなたが急いで、具体的なことに興味がないのであれば、FontSquirrelのBulletproof @font-face generatorはブログ記事のヒントを利用しているようです。

Answer 2

最初に間違った場所にフォントファイルをアップロードしたと思われます。 現在、あなたのcssファイルと同じディレクトリにMyriad.ttfファイルが必要です。