Material-Icons, die nicht auf gehosteten Webseiten angezeigt werden

Ich habe eine Site auf Github-Seiten gehostet und die Material-Icons werden nicht angezeigt. Das Problem ist, dass sie angezeigt werden, wenn ich die Seite index.html von meinem Browser aus starte (anstatt auf die gehostete Seite zu gehen).Material-Icons, die nicht auf gehosteten Webseiten angezeigt werden

Hier ist der HTML-Code für diesen Teil:

<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-->

Quelle

2016-11-11 Anonymous

Der Symbolcode ist ohne anderen Text. Vielleicht ist das das Problem –

ersetzen http mit https und es wird funktionieren:

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

Wenn Sie Ihre Entwickler-Tools öffnen (ri Klicken Sie irgendwo und klicken Sie inspect, dann gehen Sie zur Konsole), es würde Ihnen sagen, was falsch ist. In diesem Fall haben Sie über https auf die github-Seite zugegriffen. Sie haben jedoch versucht, die Schriftart unter Verwendung der http zu laden, die nicht als sicher gilt und vom Browser blockiert wurde.

Quelle

2016-11-11 15:46:18

Das war es, danke! Und danke für die Einsicht auch. –

Material-Icons, die nicht auf gehosteten Webseiten angezeigt werden

Antwort

Verwandte Themen