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) yang menghasilkan tampilan UI dan UX yang bagus dan maksimal, bahkan tampilan website tersebut enak dilihat oleh mata masyarakat.
Seringkali terjadi masalah atau error ketika kamu mengupload project website tersebut hosting itu baik berbasis cloud maupun non-cloud yang berintergrasi 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 kamu 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">
Digantikan menjadi :
<link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600" rel="stylesheet">
Sekarang, kamu bisa melakukan muat ulang (reload) tampilan halaman website di browser. Jika Google Fonts tersebut masih error atau not working juga, maka harus melakukan membersihkan Cache di browser dulu dan mencoba lagi untuk muat ulang (reload) pada tampilan halaman website kamu. Kamu bisa melihat hasil tampilan teks yang telah diberikan Google Fonts di dalam website.
