Kamis, 19 Februari 2015

Teknik Menggunakan Google Font Pada Website SSL

Pilihan font standar memang terasa mengikat kreatifitas desainer web. Untungnya Google menawarkan solusi terhadap masalah ini dengan menggunakan salah satu service gratis mereka yang bernama Google Font. Fasilitas berkualitas ini dapat dinikmati di alamat https://www.google.com/fonts/. Teknik menggunakan Google Font pada website juga tidak ribet-ribet amat.

Anda cukup menyematkan baris seperti berikut:

<link href='http://fonts.googleapis.com/css?family=namafont' rel='stylesheet' type='text/css'>

pada bagian diantara tag <head></head>.

langkah berikutnya adalah menerapkan font pilihan Anda pada salah satu elemen atau bahkan seluruh bagian halaman:

font-family: 'namafont', serif;

Kendala yang pernah kami temui adalah ketika mencoba mengaplikasikan Google Font pada website dengan server ber-SSL. Fontnya tidak di-render sama sekali oleh browsernya. Usut punya usut ternyata teks http pada baris url sumber font adalah sumber masalah.

Solusinya ternyata dengan menghilangkan teks htttp: sehingga menjadi:

<link href='//fonts.googleapis.com/css?family=namafont' rel='stylesheet' type='text/css'>
dan font dari Google Font berhasil di-render dengan benar oleh browser.

Semoga berguna.
Posted in

1 komentar:

  1. gan coba cek web saya : www.tokoindofurniture.com kira-kira kurang apa ya?

    BalasHapus