Menulis Font Unik pada HTML

Di dunia ini terdapat berbagai macam bahasa. Setiap negara biasanya memiliki minimal satu bahasa sendiri. Bahasa tersebut digunakan untuk berkomunikasi. Setiap ucapan dan penulisan memiliki ciri khas masing-masing. Seperti penulisan pada huruf Arab, Jepang, Cina, Thailand dll. Cara penulisan pada negara tersebut sedikit unik, berbeda dengan bahasa indonesia ataupun inggris yang menggunakan alfabet. Lalu bagaimana jika pada negara tersebut ingin membuat website dengan bahasanya negaranya sendiri ?

Sesuai dengan pembahasan pada artikel kali ini, kita akan belajar bagaimana cara menulis font unik pada HTML. Nantinya diharapkan kita dapat membuat website dengan font bahasa dari berbagai negara yang memiliki jenis font yang unik. Caranya cukup mudah, kalian bisa menambahkan meta tag pada head html kalian. Meta tag apa yang harus kalian sisipkan ? jawabanya adalah UTF-8. Utf-8 ini berguna untuk membaca jenis font yang akan ditulis sehingga akan diterjemahkan bahwa font tersebut adalah font dari negara mana, dan akan ditampilkan sesuai dengan apa yang ditulis. Semisalnya kalian tidak menambahkan utf-8, biasanya tulisanya akan muncul namun tidak sesuai dengan apa yang kita tulis.

Oke langsung saja kita mulai prakteknya, pertama kalian buat file html seperti berikut ini.

index.html

<html>
<head>
	
	<title>Font Unik HTML</title>
</head>
<body>
	<p>Hallo nama saya Rangga</p>
	<p>わたしのはランがです</p>
</body>
</html>

Kalian simpan filenya, lalu sekarang lihat hasil sementaranya pada browser kalian. Tampilanya akan seperti ini.

menulis-font-unik-pada-html-rangga1-120717

Tulisan font jepangnya tidak muncul seperti pada code html. Sekarang kalian modifikasi, tambahkan meta tag hingga codenya seperti dibawah ini.

<html>
<head>
	<meta charset="UTF-8">
	<title>Font Unik HTML</title>
</head>
<body>
	<p>Hallo nama saya Rangga</p>
	<p>わたしのはランがです</p>
</body>
</html>

Setelah sudah kalian simpan kembali dan lihat hasilnya pada browsernya. Jika berhasil maka tampilanya akan seperti ini.

menulis-font-unik-pada-html-rangga2-120717

Fontnya pada awal tidak muncul sekarang setelah ditambahkan utf-8 muncul sebagaimana mestinya. Mudah bukan ?

Sekian pembahasan mengenai cara menulis font unik pada HTML. Semoga bermanfaat dan sampi jumpa pada artikel seru dan menarik selanjutnya.

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.

Leave a Reply

Your email address will not be published. Required fields are marked *