Jika kamu memiliki kritik dan saran, hubungi kami melalui Kontak Kami

Cara Menggunakan Google Fonts Untuk Website

Estimated read time: 1 min
Cara Menggunakan Google Fonts Untuk Website

   Hai semuanya, kali ini kita akan membahas tentang Google Fonts. Biasanya Google Fonts digunakan oleh para programmer untuk mengubah style text atau menambahkan style text untuk website nya. Sebelum melanjutkan ke tutorial nya, kita akan membahas sedikit tentang Google Fonts.

Apa Itu Google Fonts ?
   Google Fonts merupakan sebuah layanan yang disediakan oleh Google untuk mempermudah para developer dalam membuat website ataupun aplikasi dengan tampilan yang menarik. Layanan ini memiliki jumlah font yang cukup banyak, sehingga para developer bisa memilih berbagai font untuk mempercantik tampilan website nya. Selain memiliki jumlah font yang banyak, Google Font juga dapat digunakan oleh siapapun secara gratis atau open source.


Apakah Penting Menggunakan Font Untuk Website ?
   Sebenarnya menggunakan font untuk website termasuk hal yang penting. Karena dengan menggunakan font, pengunjung website lebih tertarik untuk mengunjungi website milikmu. Selain itu juga dapat memudahkan para pengunjung untuk membaca tulisan yang ada di websitemu.


Bagaimana Cara Menggunakan Google Fonts Untuk Website ?




2. Kamu bisa memilih font yang akan digunakan untuk website milikmu. Contoh saya menggunakan Font Mukta.



3.Kemudian kita bisa memilih ketebalan font yang akan digunkan untuk website. Jika sudah, kita salin style css nya. Kita bisa menggunakan 2 cara, yang pertama kita embed dengan link dan yang kedua kita embed menggunkan @import.



4. Berikut ini adalah contoh codingan nya.
<!DOCTYPE html>
<html>
<head>
	<title>Cara Menggunakan Google Fonts Untuk Website</title>
	<style>
  @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200&display=swap');
  p {
  	font-family: 'Mukta', sans-serif;
  }
</style>
</head>
<body>
	<p>Contoh Penggunaan Google Fonts Untuk Website</p>
</body>
</html>
Hasilnya seperti dibawah ini Cara Menggunakan Google Fonts Untuk Website

Contoh Penggunaan Google Fonts Untuk Website


Bagaimana ? Mudah kan ? Jika kamu masih belum mengerti, silahkan bertanya pada kolom komentar yang telah tersedia. Sekian artikel yang  dapat saya sampaikan, terimakasih.

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.