Cara Mengatasi Google Fonts is Not Working pada SSL / HTTPS
Dwi A Lestari
Maret 14, 2020
Google Font adalah salah satu font (gaya teks) yang tersedia di tempat Google yang dimana bisa digunakan secara bebas tanpa harus membayar royalti dalam membuat atau membangun aplikasi berbasis web atau Progressive Web Application (PWA).
Seringkali terjadi masalah atau error ketika kamu mengupload project website tersebut hosting itu baik berbasis cloud maupun non-cloud yang berintrgrasi dengan SSL sehingga website kamu dianggap aman untuk diakses oleh publik. Google Font ini tidak bekerja dengan baik atau dikenal dengan is not working yang menyebabkan tidak maksimalnya secara UI (User Interface) pada tampilan website kamu.
Adapun, permasalahan atau error ini karena menggunakan @import() di dalam kode program CSS. Sebaiknya, kode tersebut dihapus jika kode program tersebut tidak bekerja dengan baik (is not working) pada website kamy yang hosting-nya menggunakan SSL.
Untuk mengatasi permasalahan yang diatas. Maka, kamu harus mengubah link Google Font yang ada di dalam kode program HTML, PHP, atau ASP dari :
Seringkali terjadi masalah atau error ketika kamu mengupload project website tersebut hosting itu baik berbasis cloud maupun non-cloud yang berintrgrasi dengan SSL sehingga website kamu dianggap aman untuk diakses oleh publik. Google Font ini tidak bekerja dengan baik atau dikenal dengan is not working yang menyebabkan tidak maksimalnya secara UI (User Interface) pada tampilan website kamu.
Adapun, permasalahan atau error ini karena menggunakan @import() di dalam kode program CSS. Sebaiknya, kode tersebut dihapus jika kode program tersebut tidak bekerja dengan baik (is not working) pada website kamy yang hosting-nya menggunakan SSL.
Untuk mengatasi permasalahan yang diatas. Maka, kamu harus mengubah link Google Font yang ada di dalam kode program HTML, PHP, atau ASP dari :
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600" rel="stylesheet">
Menjadi :
<link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600" rel="stylesheet">
Sekarang, link Google Fonts sudah bisa berjalan di dalam website kamu.
Sekian... Terima kasih...
Tidak ada komentar :
Posting Komentar
Leave A Comment...