Selain memiliki properti yang dapat digunakan untuk mengatur fonts, dalam penggunaannya CSS juga dapat menambahkan jenis fonts lain selain yang ada pada HTML yaitu dengan cara menambahkan google fonts. Untuk itu pada kesempatan kali ini akan dibahas bagaimana cara menggunakan google fonts pada CSS.
Google Fonts
Google Fonts dapat menjadi pilihan ketika kita tidak ingin menggunakan font standar yang terdapat pada HTML. Google Fonts API memiliki ratusan font berbeda yang dapat kita tambahkan pada halaman web.
Cara menggunakan google fonts cukup tambahkan link stylesheet kemudian pilihlah font-style yang diinginkan.
Contoh:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
font-family: "Sofia";
font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>
Demikian bahasan tentang bagaimana cara penggunaan google fonts pada CSS, semoga bermanfaat.
