ウェブサイトでカスタムフォントを使用するにはどうすればよいですか？

Question

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

この問題を回避する方法はありますか？

Answer 1

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

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

Answer 2

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

次に、このような新しいフォントファミリを宣言するためにCSSを使用します。あなただけの他のフォントのようにそのフォントを使用することができ、あなたはあなたがあなたのフォントファミリを宣言したCSSファイルにドキュメントをリンクする場合は

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

を。

Answer 3

あなたは、CSS3 font-faceまたはwebfonts

フォントフェイスの使用@

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

webfonts

グーグルWebfontsを見てみるを使用することができますhttp://www.google.com/webfonts

Answer 4

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

このために必要なCSSです：あなたはこのようなあなたのスタイルシートでフォントをインポートする必要が

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

Answer 5

：

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