Trik Membuat Teks Font Keren dengan Mudah
Pendahuluan
Salam sahabat beritaharianku, dalam era digital yang semakin maju seperti sekarang, penampilan visual menjadi sangat penting. Salah satu aspek penting dalam desain adalah penggunaan teks font yang menarik. Teks font yang keren dapat memberikan daya tarik yang lebih pada suatu konten, baik itu dalam desain website, poster, atau bahkan pada tulisan-tulisan di media sosial.
1. Menggunakan Google Fonts
Google Fonts merupakan salah satu sumber yang dapat Anda manfaatkan untuk mendapatkan teks font keren dengan mudah. Anda dapat mengunjungi situs Google Fonts dan menelusuri berbagai pilihan font yang disediakan. Setelah memilih font yang diinginkan, Anda dapat memasukkan kode font tersebut ke dalam kode HTML pada website atau aplikasi yang Anda buat.
Sebagai contoh, jika Anda ingin menggunakan font “Roboto”, Anda dapat menambahkan kode berikut di dalam tag
pada file HTML:<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
Setelah itu, Anda dapat menggunakan font “Roboto” dengan menambahkan properti CSS “font-family” pada tag HTML yang sesuai. Misalnya:
<h1 style="font-family: 'Roboto', sans-serif;">Ini adalah teks dengan font Roboto</h1>
2. Menggunakan CSS @font-face
Selain menggunakan Google Fonts, Anda juga dapat menggunakan CSS @font-face untuk mengatur teks font keren dengan mudah. Cara ini memungkinkan Anda untuk menggunakan font khusus yang telah Anda miliki atau font dari pihak ketiga yang mungkin tidak tersedia di Google Fonts.
Langkah pertama adalah memasukkan file font ke dalam folder proyek Anda. Setelah itu, Anda dapat menambahkan kode CSS berikut di dalam tag