Easy Solution: XMLHttpRequest cannot load http://fonts.googleapis

Simpel Solusi: XMLHttpRequest fonts.googleapis.com fixed error


Semula, saya menambahkan tag link ini untuk mendapatkan font style Roboto dan Sacramento pada blogger template.

- Initially, I added this link tag to get Roboto font style and Sacramento on blogger templates.

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300" media="all and (min-device-width:240px)" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Sacramento&amp;text=pandum" media="screen,print,handheld and (min-device-width:240px)" rel="stylesheet" type="text/css"></link>

Saya mendapatkan masalah munculnya peringatan error pada console seperti ini.

- I get the problem emergence error warning in console like this

solution

Setelah mencari-cari lewat google search, ternyata solusinya cukup sederhana yaitu: kita hanya perlu menambahkan "preptech" pada link css kita.

- After searching through google search, it turns out that the solution is quite simple: we just need to Add by rel="prefetch" on our css link.

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300" media="all and (min-device-width:240px)" rel="stylesheet preptech" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Sacramento&amp;text=pandum" media="screen,print,handheld and (min-device-width:240px)" rel="stylesheet preptech" type="text/css"></link>