2016-11-11 16 views
1

Githubページにサイトがホストされていて、素材アイコンが表示されません。問題は、ホストされたページに行くのではなく、ブラウザからindex.htmlページを起動したときに表示されることです。ホストされているウェブページに素材アイコンが表示されません

What I get from the page on my computer

What I get from the hosted page

ここでは、この部分のHTMLです:

<head> 
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> 
    <link rel="stylesheet" type="text/css" href="style.css"/> 
    <meta charset="UTF-8"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
</head> 

<body> 


    <div class="row"> 
     <div class="col s12 m6"> 
      <div class="card"> 
      <div class="card-content blue-text text-darken-2"> 
      <span class="card-title">Olivier Grech</span> 
      <p>Text</p> 
      <div><i class="material-icons">phone</i><em>Phone</em></div> 
       <div><a href="mailto:mail"><i class="material-icons">email</i></a><em>mail</em></div> 
      </div> 
      </div> 
     </div> 

<!--Rest of the page--> 
+0

アイコンコードは、以外のテキストなしの電話番号です。多分これは問題です –

答えて

0

httpshttpを交換し、それが動作します:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

あなたの開発ツールを開いた場合(ri ghtどこかをクリックしてinspectをクリックし、コンソールに行ってください)、それはあなたに何が間違っているかを伝えます。この場合、httpsのgithubページにアクセスしていましたが、httpを使用してフォントをロードしようとしましたが、これは安全ではなく、ブラウザによってブロックされています。

+0

それは、ありがとう!そして洞察にも感謝します。 –

関連する問題