Google Font, gudangnya font keren
Siapa sih yang gak kenal Google?
Tentu saja semua dari pengguna internet baik lokal maupun internasional mengetahui perusahaan nomor 1 di dunia maya ini. Tetapi entah kapan Google membuat website ini tetapi bagaimana bisa saya tidak mengetahui keberadaan situs yang satu ini. Mungkin karena saya belum terjun kedunia per 'font' -an?
Mungkin sebagian dari kalian sedang membuat web atau sedang membuat template yang nantinya akan kamu jual? atau kalian yang kurang puas dengan tampilan blog kamu yang sekarang?
Jawabannya simpletapi past tense, yaitu menggunakan Google Fonts.
Seperti yang sudah saya jelaskan diatas, kalian bisa menggunakan Google Fonts untuk mengubah tampilan font pada web / blog kalian.
Website yang dibuat oleh Google ini juga menyediakan lebih dari 5 juta font yang tersedia Gratis untuk kalian para web designer!
Pada saat memasuki website ini, kamu akan dikejutkan dengan berbagai macam fonts yang dibuat oleh pembuat font atau web designer lainnya yang ingin membantu kalian dalam memancarkan cahaya kepada blog kalian.
Selain dengan jutaan fonts yang disediakan, kamu dapat mengganti background yang ada pada situs tersebut. Bingung mencari font seperti apa? Google fonts telah dilengkapi dengan fitur search dan juga menu menu filter seperti serif, sans-serif, display, handwriting, monospace yang pastinya akan meringankan beban dalam mencari fonts yang sesuai dengan selera masing-masingpasangan orang.
Walaupun berbahasa inggris, tetapi penjelasan yang diberikan oleh Google ini sangat mudah untuk dimengerti.
Jika kalian tidak bisa mengerti sama sekali apa yang tertera di Google Font, akan saya bahas sedikit cara untuk memasang Fonts dari Google fonts.
pertama, pilih font yang kalian ingin gunakan. Kalian bisa menggunakan menu-menu yang sudah disediakan oleh Google seperti tipe, bahasa atau bahkan kamu bisa mengatur ketebalan huruf sesuai dengan keinginan. Pastikan kamu menekan tombol '+' untuk memilihnya, bukan menekan fonts itu sendiri.
Kedua buka menu yang akan muncul dibawah layar disaat kamu sudah menambahkan sebuah fonts.
lalu masukkan kode pertama tepat setelah <head> atau sebelum </head>
Contoh kodenya adalah seperti ini:
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
Syntax ini berfungsi untuk menginstall font yang sudah dipilih kedalam template kalian. (font yang saya gunakan sebagai contoh disini adalah font Poppins)
Kemudian masukan syntax kode kedua pada bagian CSS yang kamu inginkan.
Jika kamu ingin bagian body diganti dengan fonts yang sudah kamu pilih, masukkan kode tersebut didalam CSS bagian body. Hal yang sama juga berlaku jika kalian ingin mengganti header1<h1>, paragraf <p>, span <span> atau kamu bisa membuat CSS kamu sendiri dengan menggunakan tanda titik (.) atau Hashtag (#).
Sekedar pengingat bahwa Google fonts hanya menyediakan fonts untuk ditampilkan di website. Kalian tidak bisa menginstall untuk digunakan pada aplikasi lainnya misalkan kalian ingin mengetik dokumen dengan fonts yang kalian gunakan.
Instead. gunakanlah dafont.com jika kalian ingin mencari fonts yang dapat di instalasi pada PC kalian.
Tentu saja semua dari pengguna internet baik lokal maupun internasional mengetahui perusahaan nomor 1 di dunia maya ini. Tetapi entah kapan Google membuat website ini tetapi bagaimana bisa saya tidak mengetahui keberadaan situs yang satu ini. Mungkin karena saya belum terjun kedunia per 'font' -an?
Mungkin sebagian dari kalian sedang membuat web atau sedang membuat template yang nantinya akan kamu jual? atau kalian yang kurang puas dengan tampilan blog kamu yang sekarang?
Jawabannya simple
 |
| Google Font |
Website yang dibuat oleh Google ini juga menyediakan lebih dari 5 juta font yang tersedia Gratis untuk kalian para web designer!
User Interface dari Google Fonts
Bertampil unik tetapi tetap terkesan mewah dan elegan ada didalam Google Fonts. Namanya juga Google, apa sih yang nggak dari search engine terkemuka di dunia ini.Pada saat memasuki website ini, kamu akan dikejutkan dengan berbagai macam fonts yang dibuat oleh pembuat font atau web designer lainnya yang ingin membantu kalian dalam memancarkan cahaya kepada blog kalian.
Selain dengan jutaan fonts yang disediakan, kamu dapat mengganti background yang ada pada situs tersebut. Bingung mencari font seperti apa? Google fonts telah dilengkapi dengan fitur search dan juga menu menu filter seperti serif, sans-serif, display, handwriting, monospace yang pastinya akan meringankan beban dalam mencari fonts yang sesuai dengan selera masing-masing
Cara memasang fonts
Jika kalian bingung atau tidak tahu bagaimana cara memasang font pada template blog kalian, jangan khawatir. Google fonts sudah satu paket dengan tutorial cara memasang fonts yang sudah kamu pilih untuk dimasukkan kedalam kode HTML kalian.Walaupun berbahasa inggris, tetapi penjelasan yang diberikan oleh Google ini sangat mudah untuk dimengerti.
Jika kalian tidak bisa mengerti sama sekali apa yang tertera di Google Font, akan saya bahas sedikit cara untuk memasang Fonts dari Google fonts.
pertama, pilih font yang kalian ingin gunakan. Kalian bisa menggunakan menu-menu yang sudah disediakan oleh Google seperti tipe, bahasa atau bahkan kamu bisa mengatur ketebalan huruf sesuai dengan keinginan. Pastikan kamu menekan tombol '+' untuk memilihnya, bukan menekan fonts itu sendiri.
Kedua buka menu yang akan muncul dibawah layar disaat kamu sudah menambahkan sebuah fonts.
lalu masukkan kode pertama tepat setelah <head> atau sebelum </head>
Contoh kodenya adalah seperti ini:
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
Syntax ini berfungsi untuk menginstall font yang sudah dipilih kedalam template kalian. (font yang saya gunakan sebagai contoh disini adalah font Poppins)
Kemudian masukan syntax kode kedua pada bagian CSS yang kamu inginkan.
Jika kamu ingin bagian body diganti dengan fonts yang sudah kamu pilih, masukkan kode tersebut didalam CSS bagian body. Hal yang sama juga berlaku jika kalian ingin mengganti header1<h1>, paragraf <p>, span <span> atau kamu bisa membuat CSS kamu sendiri dengan menggunakan tanda titik (.) atau Hashtag (#).
Pendapat Pribadi
Selain cuma font yang disediakan, saya juga sangat tertarik dengan website Google fonts itu sendiri, tampilan yang sangat mewah yang sudah saya bahas tadi menambah inspirasi saya untuk menjadi web designer handal dan menjadi salah satu pekerja Google.Sekedar pengingat bahwa Google fonts hanya menyediakan fonts untuk ditampilkan di website. Kalian tidak bisa menginstall untuk digunakan pada aplikasi lainnya misalkan kalian ingin mengetik dokumen dengan fonts yang kalian gunakan.
Instead. gunakanlah dafont.com jika kalian ingin mencari fonts yang dapat di instalasi pada PC kalian.
Leave a Comment