Cara Membuat Google Fonts

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Hanifah Nurbaeti March 12, 2021

Google Fonts

Saat ini ada 1043 font yang tersedia di Google. Kita akan coba pelajari beberapa font yang ada di Google untuk digunakan pada halaman website kita.

Contoh 1

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
<style>
body {
    font-family: 'Sofia';font-size: 22px;
}
</style>
</head>
<body>

<h1>Sofia</h1>
<p>Mencoba font google Sofia!.</p>
<p>123456790</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p>abcdefghijklmnopqrstuvwxyz</p>

</body>
</html>

Contoh 2

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Coiny' rel='stylesheet'>
<style>
body {
    font-family: 'Coiny';font-size: 22px;
}
</style>
</head>
<body>

<h1>Coiny</h1>
<p>Mencoba font google Coiny!.</p>
<p>123456790</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p>abcdefghijklmnopqrstuvwxyz</p>

</body>
</html>

Contoh 3

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Covered By Your Grace' rel='stylesheet'>
<style>
body {
    font-family: 'Covered By Your Grace';font-size: 22px;
}
</style>
</head>
<body>

<h1>Covered By Your Grace</h1>
<p>Mencoba font google Covered By Your Grace!.</p>
<p>123456790</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p>abcdefghijklmnopqrstuvwxyz</p>

</body>
</html>

Contoh 4

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Ewert' rel='stylesheet'>
<style>
body {
    font-family: 'Ewert';font-size: 22px;
}
</style>
</head>
<body>

<h1>Ewert</h1>
<p>Mencoba font google Ewert!.</p>>
<p>123456790</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p>abcdefghijklmnopqrstuvwxyz</p>

</body>
</html>

Contoh 5

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Gloria Hallelujah' rel='stylesheet'>
<style>
body {
    font-family: 'Gloria Hallelujah';font-size: 22px;
}
</style>
</head>
<body>

<h1>Gloria Hallelujah</h1>
<p>Mencoba font google Gloria Hallelujah!.</p>>
<p>123456790</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p>abcdefghijklmnopqrstuvwxyz</p>

</body>
</html>

Kamu bisa pelajari yang lainnya dengan sendiri yaa dengan mengganti fontnya dan fontnya sudah tersedia di Google. Selamat Mencoba!