[ask] icon materialize tidak bisa muncul saat menggunakan hosting

bagaimana caranya menampilkan icon materialize di dalam hosting ya? saat saya menggunakan cara melalui link yang ada dalam web materialize itu awalnya bisa saat menggunakan localhost tetapi saat saya mencoba memasukkannya kedalam hosting kenapa gambarnya tidak mau muncul ya? mohon pencerahannya trimakasih

avatar tonyputra
@tonyputra

41 Kontribusi 10 Poin

Diperbarui 6 tahun yang lalu

6 Jawaban:

agan hostingnya dimana? pakai ssl atau ngga?

kemungkinan besar karena Mixed Content, hosting agan pakai ssl tapi load cssnya pakai http.

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

link diatas (http) works di localhost karena bukan secure protocol, tapi kalau di hosting yang pakai ssl pasti direject.

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

saya pakek free hosting 000webhost saya enggak makek gituan. jadi bagaimana caranya agar saya dapat menamilkan icon nya di hosting?

avatar tonyputra
@tonyputra

41 Kontribusi 10 Poin

Dipost 6 tahun yang lalu

coba di tampilkan disini bagian html nya gan. atau lebih bagus lagi kalau dikasih link domainnya.

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

 <head>
	<title></title>
	<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width" initial-scale="1.0">
  <style type="text/css">

  </style>
</head>

link web https://tonyputra12288.000webhostapp.com

avatar tonyputra
@tonyputra

41 Kontribusi 10 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

nah kan saya bilang juga apa. itu webnya pake ssl gitu. nih di console keliatan errornya

Mixed Content: The page at 'https://tonyputra12288.000webhostapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/icon?family=Material+Icons'. This request has been blocked; the content must be served over HTTPS.

kalau pakai https semua content harus diload via https juga. tinggal ganti link material icons pakai https aja beres itu

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

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

ohh begitu ya heheh maaf saya kira itu apaan soalnya saya baru didalam dunia web programming makasih ya infonya mas

avatar tonyputra
@tonyputra

41 Kontribusi 10 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban