2016-03-24 4 views
0

私は最初のウェブサイトhttp://ianwinson.netをホストしていて、htmlでカスタマイズされたフォントを持っていますが、他の人のコンピュータには表示されません。これは私の最後に次のようになります。ちなみに他のコンピュータでフォントが動作しない

は、私はフォントを定義しています方法は、書体や文字の前にHTMLで<font>タグを使用しています。ボタンの場合、私はfont:faceを使用しますが、それはどちらも動作しません:/。フォントはGaramondとOpen Sansです。

+1

あなたは(1998年前から具体的には、HTML3.2、)HTMLの真の古代のバージョンを使用しています。ステップ1:HTML5構文を使用します。現代のHTMLには '

'や ''要素はなく、後者はフォントに関して正しく見えない理由です。それでは、あなたにHTMLを教えている本/チュートリアルの使用をやめてください。それは15年以上前です。新しい教育リソースを見つけて、最新のHTML5を使用し始める –

答えて

-1

あなたのサイトではどのフォントファイルを使用していますか?コンソールに何かエラーがありますか? .ttfフォントファイルで発生する最も一般的なことの1つは、埋め込み可能なアクセス許可エラーです。 .ttfには適切なアクセス許可がない場合がありますので、https://www.andrebacklund.com/fontfixer.html

などのツールを使用して修正できます。ただし、コンソールのエラーやフォント処理に関する詳細は、何が起きているかを診断するのに役立ちます。以下のようにあなたのコードで開きなき含む

1

試してみてください。

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" /> 

あなたはthis link

1

こんにちは、私は<font>タグを見て、あなたのページを見ているを確認することができますより多くの助けのために、<font>タグはでサポートされていません。 HTML5、代わりにCSSを使ってみてください。

あなたはこのようにそれを達成することができます

<p>some text here</p> 

、あなたのCSSに:あなたが追加する必要がない場合

p { 
    font-family: "Times New Roman", Georgia, Serif; 
} 

もフォントを使用していることを確認してくださいは、「安全なフォント」ですフォントファイル。

3

私はあなたのコードを見てきました。問題はあなたがフォントをインポートしていないということです...しかし、そこにないフォントを使用するように求めています。

font-family: 'Open Sans'; 

また、buttonにのみ適用されたようです。

だから、あなたが知っておくべきこと:フォントが「安全なフォント」でない場合(詳細は下記を参照してください: 『使用」を、あなたはそれをインポートする必要が

ゴーgoogle.com/fonts

はをクリックして』あなたのウェブサイトのheadセクションに(なお、

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 

入れ:<head>タグは同じではありませんお好みのフォントに....次のようになりますHTMLの行があるでしょう<header>というタグが付いていますあなたのウェブサイト上のave)。

this w3ページには基本的な構造が示されており、他のウェブサイトと比較して<head>タグを配置する必要があります。

いずれにしても、headタグにhtmlの行が含まれていれば、フォントを使用するアイテムにCSS font-familyコードを適用するだけです(CSSの行は次のようになります:font-family: 'Open Sans', sans-serif;)。あなたに使用するコード。

あなたは、太字、斜体、またはあなたがページの上部にそれを選択する必要があることのようなもの(それはあなたのサイトに追加するようにコードを与える場所の真上)したい場合:

enter image description here

編集回答の完全なを作るために:私はそれを見るまで、私は安全なフォントを忘れ

安全なフォント

もう一つの答えと私はこの答えを完全にしたいと思った。

Googleのフォントを使用しない場合は、「安全なフォント」を使用できます(here((w3ページ)を参照))。

本質的に、外部(またはローカル)ソースからフォントをインポートせずに使用できるフォントです。彼らはハードワイヤード(あなたがあればあらかじめロードされています) 誰もがフォントを見ることができるはずです!

幸運を祈る!

ああ、もう1つ...あなたのコードの一番下には何も表示されないjavascriptファイルが呼び出されているようです(ファイルには呼び出していません)。巨大な契約は、それはおそらくないよりはましに除去されない:

Screenshot of JS file

関連する問題