Gunakan Fancy HTML Font dengan CSS untuk Teks Bergaya

Belajar menggunakan font HTML mewah dan bergaya dengan CSS dan layanan seperti fonts.com. Anda dapat menggunakan berbagai font keluarga yang indah dengan menanamkan font melalui CSS.

A+ A-

Jika Anda seorang pengembang web profesional atau bahkan jika Anda telah merancang situs HTML dasar untuk diri sendiri -Anda harus berharap "itu akan menjadi besar, jika saya bisa menggunakan font tampan di website saya". Tapi seperti yang Anda mungkin tahu, hanya ada beberapa font yang web-aman dan font tersebut telah menjadi begitu banyak digunakan di Internet bahwa begitu banyak orang mereka telah menjadi membosankan.

Masalah

Sebelum saya memberitahu Anda bagaimana menggunakan berbagai font pada website Anda, saya kira itu adalah penting untuk memahami mengapa Anda tidak dapat menggunakan font langsung ini. Lihat, masalahnya adalah bahwa ketika Anda menggunakan font pada website Anda -bahwa huruf akan terlihat pengunjung website Anda hanya jika pengunjung telah font yang sama dipasang di / komputernya. The web-aman font seperti Arial, Verdana Georgia dan zaman Romawi dll karena font ini dikirimkan dengan sistem operasi. Dan karena itu tersedia di hampir semua komputer. Jika Anda menggunakan font mewah-itu mungkin atau mungkin tidak ada di komputer pengunjung. Akibatnya, browser memilih font yang berbeda untuk menampilkan teks dan tampilan yang diinginkan dari situs Anda tidak terwujud.

Sangat mudah untuk menggunakan font non-konvensional di situs web.

Sangat mudah untuk menggunakan font non-konvensional di situs web.

Solusi: Gunakan Fancy Bergaya Font di HTML

Google Font API adalah layanan dari Google dari mana Anda dapat menanamkan font ke website Anda. Browser pengunjung mendapat font dari direktori Font Google dan ketergantungan pada ketersediaan font di komputer pengunjung menjadi tidak relevan.
Saat ini, Google memberikan Anda dekat 450 font open source Anda dapat menelusuri melalui direktori font, pilih font dan kemudian link font dengan situs web Anda dengan kode berikut.:

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

Di sini Anda perlu mengganti fontname dengan nama font yang ingin Anda gunakan. Setelah ini, Anda dapat menggunakan nama keluarga font mana saja di HTML atau CSS. Sebagai contoh:

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

<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
<body>
<div>Making the Web Beautiful!</div>
</body>

Apakah tidak keren?

TechWelkin merekomendasikan penggunaan Google API untuk menggunakan font mewah dan bergaya di HTML pada website Anda. Namun, jika Anda mencari font tertentu yang tidak tersedia dalam direktori font yang Google -ada dibayar layanan yang tersedia. Saya akan berbicara tentang layanan ini dalam sebuah artikel terpisah .

Saya harap Anda menyukai artikel ini. Tolong beritahu saya tahu pandangan Anda di atasnya.