CSSですばらしいフォントを追加する方法

フォントからアイコンを追加しようとしていますが、何らかの理由でページを読み込んだときに表示されません。以下は私のhtmlコードで、フォントをすばらしい方法で追加しようとしました。CSSですばらしいフォントを追加する方法

<html lang="en"> 
    <head> 
     <title>Media Queries</title> 
     <meta name="viewport" content="width=device-width, initial=scale1.0"> 
     <link rel="stylesheet" href="main.css"> 
     <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> 
     <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">  
    </head> 
    <body> 
     <i class="fa fa-car" aria-hidden="true"></i> 
     <h1> 
      <i class="fa fa-car" aria-hidden="true"></i>Dummy Text 
     </h1> 
    </body> 
</html>

コードには何か欠けているものはありますか？

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">

それとも、あなたのサイトフォルダからしようとした場合、フォント、素晴らしいダウンロードして、フォントフォルダにフォントを追加し、CSSのフォルダにフォント素晴らしいCSSを追加します。このように、フォームのフォント素晴らしいを呼び出すための

出典

2016-05-26 Wosley Alarico

エラーがないかコンソールを確認してください。 –

あなたのローカルファイルの代わりに 'https：// maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'からfont-awesomeを読み込もうとしてください。 –

これは完璧に動作しました。もう一方の方法が動作しない理由は疑問ですが、そのように長く使用します。 –

何をあなたのリンクに置くことはあなたのfolder.Youの名前ではなく、ファイルの名前を置くべきである（フォント素晴らしい）フォント素晴らしいと呼ばれるファイルのためのフォント素晴らしいフォルダの外観上

、ブラウザのテキストフィールドにコピー＆ペーストして、正しいパスを確認してください。はこのようにあなたのリンクにそのパスをコピーして貼り付けます。私は他の間違いを見ていない原因

<link rel="stylesheet" href="font-awesome/css/font-awesome.css">

ちょうど正しくパスを確認します。動作しない場合はお知らせください。

出典

2016-05-26 13:42:16

それは完全に動作します。私はちょうどあなたのコード内にあるように正確にフォルダの名前を付けました。 –

てみてくださいそして、このようにそれを呼び出す：

<link rel="stylesheet" href="css/font-awesome.min.css">

出典

2016-05-26 12:25:38

あなたは "のmain.css" ファイル

0でフォント素晴らしいCSSファイルを追加することができます

出典

2016-05-26 12:38:42

CSSですばらしいフォントを追加する方法

答えて

関連する問題