html - Web サイトでカスタム フォントを使用するにはどうすればよいですか?

Question

私のウェブサイトの見栄えを良くするために、カスタム フォント、特に Thonburi-Bold を使用する必要があります。問題は、ユーザーがフォントをインストールしない限り、フォントが表示されないことです。firefoxでも表示されません。

この問題の回避策はありますか?

Answer 1

次のように、スタイルシートにフォントをインポートする必要があります。

@font-face{
    font-family: "Thonburi-Bold";
    src: url('Thonburi-Bold.ttf'),
    url('Thonburi-Bold.eot'); /* IE */
}

Answer 2

CSS3font-faceまたはWebフォントを使用できます

@font-face の使い方

@font-face {
   font-family: Delicious; 
   src: url('Delicious-Roman.otf');
} 

ウェブフォント

Google Webfonts ( http://www.google.com/webfonts ) をご覧ください。

Answer 3

はい、方法はあります。CSS ではカスタム フォントと呼ばれます。CSS を変更する必要があり、それらのフォントを Web サイトにアップロードする必要があります。

これに必要な CSS は次のとおりです。

@font-face {
     font-family: Thonburi-Bold;
     src: url('pathway/Thonburi-Bold.otf'); 
}

Answer 4

CSS を使用すると、Web サイトでカスタム フォント、ダウンロード可能なフォントを使用できます。好みのフォントをダウンロードしてmyfont.ttf、ブログや Web サイトがホストされているリモート サーバーにアップロードできます。

@font-face {
    font-family: myfont;
    src: url('myfont.ttf');
}

Answer 5

まず、フォントを .otf または .ttf としてサーバーのどこかに置く必要があります。

次に、CSS を使用して、次のように新しいフォント ファミリを宣言します。

@font-face {
    font-family: MyFont;
    src: url('pathway/myfont.otf'); 
    }

フォント ファミリを宣言した CSS ファイルにドキュメントをリンクすると、そのフォントを他のフォントと同じように使用できます。