2016-12-30 10 views
0

おはよう、 HTMLウェブサイトを作成しましたが、オンラインサーバーにアップロードすると正しいフォントが表示されません。 Futura Stdというフォントを使用しました。このフォントはGoogleフォントの中にはありません。似たような代替Googleフォントがありますが、私はこれを望んでいました。助けてもらえますか?あなたが言及したよう よろしくウェブサイトに正しいフォントが表示されない

+0

ライブサーバーにフォントフォルダをアップロードしましたか? –

+0

いいえ、私はしませんでした。フォントがちょうど私のローカルサーバにインストールされた – Reagan

+0

あなたがフォントを追加して使用しようとした方法についての詳細情報を提供してください – petrumo

答えて

1

フォントはちょうどあなたのローカルサーバーにインストールされたそのフォントは、一部のリモートサーバ上のファイルのアップロード後に表示されていない理由、それは次のようになります。

はこのようにあなたのフォントが含まれています

<style> 
    @font-face { 
     font-family: Futura Std; 
     src: url("../fonts/Futura_Std.eot") /* for IE */ 
    } 
    @font-face { 
     font-family: Futura Std; 
     src: url("../fonts/Futura_Std.ttf") /* for CSS3/New browsers */ 
    } 
p.customfont { 
    font-family: "Futura Std"; 
} 
</style> 

などが挙げられる:

<p class="customfont">Hello world!</p> 

するフォントという名前のフォルダに両方のフォーマット(EOTおよびTTF)でフォントをアップロードそしてちょうどCSSの上に適用されますこれはうまくいくはずです。

+0

ありがとう@Ambrish!出来た ! – Reagan

+0

嬉しいです:) @Reagan –

関連する問題