5 Font Aman Web Yang Dapat Anda Gunakan di Situs Web Anda

Jika Anda adalah pemilik situs web maka Anda harus tahu bahwa font HTML memainkan peran penting dalam situs web Anda. Semua situs web memiliki konten teks dalam satu atau lain bentuk, jika dipilih dengan benar font yang baik dapat meningkatkan estetika halaman Anda dan berdampak positif pada keterbacaan konten, oleh karena itu perancangan dan pengembangan situs web memang menjadi salah satu aspek terpenting untuk memulai bisnis apa pun. Font yang buruk berdampak negatif pada kinerja suite Anda, itu semua tergantung pada apakah Anda menggunakan font yang aman untuk web atau tidak.

Apa itu Font Aman Web?

Font dapat dibaca dan terlihat sama di browser atau perangkat apa pun (ponsel, tablet, dll.) hanya jika font dipasang di perangkat itu. Font aman web adalah font yang biasanya diinstal sebelumnya di perangkat apa pun – komputer, ponsel, konsol game, tablet, dan smart TV.

Direkomendasikan untuk Anda: 20 Font Desain Logo Menakjubkan yang Dibutuhkan Setiap Desainer Hebat.

Mengapa Font Aman Web Penting?

Di dunia yang sempurna, Anda dapat memilih font apa pun yang Anda inginkan untuk situs web Anda. Namun, berdasarkan perangkat sistem operasi dilengkapi dengan pilihan font pra-instal mereka sendiri. Masalahnya terletak pada kenyataan bahwa desain mereka biasanya berbeda tergantung pada sistem yang Anda gunakan. Perangkat yang beroperasi di windows mungkin memiliki satu grup, MacOS mungkin memiliki grup lain, dan kemudian Google Android memiliki versi lain yang berbeda.

Saat Anda membuka situs web, font yang Anda lihat di area pandang mungkin belum tentu merupakan font yang dimaksudkan oleh perancang. Artinya: katakanlah perancang menggunakan font yang relatif tidak jelas. Jika Anda tidak menginstal font itu maka situs web Anda akan kembali ke font generik yang ditentukan sistem dan Anda bahkan mungkin tidak mengetahuinya, bagi Anda itu hanya akan terlihat tidak menyenangkan.

Font aman web adalah kumpulan font yang ada di semua sistem dan memberi Anda kemampuan sebagai perancang untuk menentukan font untuk digunakan kembali jika perangkat tidak memiliki font yang diperlukan. Ini memberi Anda kemampuan untuk membuat situs web terlihat sama di berbagai perangkat.

Apa itu Lima Keluarga Font?

Dalam tipografi, semua font dikategorikan ke dalam salah satu dari lima keluarga font berdasarkan kesamaan desainnya. Ini adalah sebagai berikut:

1. Kursif (misalnya, Zapf-Chancery)

Keluarga font Kursif meniru tulisan tangan manusia dengan huruf-huruf yang biasanya digabungkan bersama secara mengalir. Ini sering dikaitkan dengan orang-orang dengan kaligrafi dan tulisan yang lebih cepat.

2. Fantasi (misalnya Star Wars)

Font dari keluarga font Fantasy umumnya memiliki elemen dekoratif di setiap hurufnya namun tetap mewakili karakternya. Judul-judul buku dan film fiksi banyak menggunakan font dari keluarga ini untuk memperkuat nuansa konten.

3. Serif (misalnya Times New Roman)

Fitur keluarga font Serif yang paling menonjol adalah garis kecil di akhir goresan besar pada huruf atau simbol. Ini menciptakan rasa keanggunan dan formalitas. Ini banyak digunakan untuk teks isi oleh sejumlah situs web.

4. Sans-serif (misalnya, Helvetica)

Berbeda dengan font dari keluarga Serif, font dari keluarga Sans-serif tidak memiliki garis kecil yang melekat pada setiap huruf. Sebagian besar font milik keluarga ini memiliki lebar guratan yang sama, sehingga menjadikannya minimalis dan modern.

5. Monospace (mis. Kurir)

Dalam keluarga font Monospace, setiap huruf dan simbol menempati ruang yang sama persis secara horizontal. Sehingga membuatnya konsisten dan mudah dibedakan, itulah sebabnya mereka sering digunakan dengan mesin tik dan baru-baru ini dengan terminal komputer.

Anda mungkin menyukai: 11 Font Photoshop Luar Biasa yang Perlu Anda Coba (GRATIS!).

Font Web Populer:

Sekarang kita memiliki wawasan tentang font, di bawah ini adalah 5 font aman web populer untuk ditambahkan ke situs web Anda:

1. Arial

Salah satu font sans-serif yang paling banyak digunakan baik di media online maupun cetak. Ini adalah standar de-facto. OpenType versi 3.0 menggambarkannya sebagai:

“Desain sans serif kontemporer, Arial mengandung lebih banyak karakteristik humanis daripada banyak pendahulunya dan karenanya lebih selaras dengan suasana dekade terakhir abad kedua puluh. Perawatan kurva secara keseluruhan lebih lembut dan lebih penuh daripada di kebanyakan wajah sans serif gaya industri. Goresan terminal dipotong secara diagonal yang membantu memberikan tampilan wajah yang kurang mekanis. Arial adalah keluarga tipografi yang sangat serbaguna yang dapat digunakan dengan kesuksesan yang sama untuk pengaturan teks dalam laporan, presentasi, majalah, dll, dan untuk penggunaan tampilan di surat kabar, iklan, dan promosi.

Ini juga merupakan font default di Google docs.

2. Times New Roman

Times New Roman adalah variasi dari font Times lama dari keluarga font Serif. Ditugaskan oleh surat kabar Inggris 'The Times' pada tahun 1931 dan dirancang oleh Stanley Morison, penasihat artistik dari Monotype, perusahaan peralatan percetakan dan bekerja sama dengan Victor Lardent, dari departemen tulisan lengan Periklanan Time. Itu telah muncul sebagai salah satu font paling populer sepanjang masa dan sudah diinstal sebelumnya di sebagian besar perangkat.

Roman dalam nama Times New Roman mengacu pada gaya roman, bagian pertama dari keluarga font Times New Roman yang akan dirancang. Ini berasal dari cetakan Italia pada akhir abad ke-15 dan awal abad ke-16, desainnya tidak ada hubungannya dengan Roma atau Romawi.

3. Helvetica

Helvetica atau Neue Haas Grotesk adalah font yang banyak digunakan dari keluarga Font Sans-serif. Dikembangkan pada tahun 1957 oleh desainer Font Swiss Max Miedinger dengan masukan dari Eduard Hoffmann. Ini dirancang dalam desain neo-grotesque yang menampilkan ketinggian x tinggi, penghentian goresan pada garis horizontal atau vertikal, dan jarak antar huruf yang sangat tidak biasa, ini digabungkan untuk memberikan tampilan yang padat dan padat. Awalnya dirancang untuk digunakan sebagai font netral yang sangat jelas, tidak memiliki makna intrinsik dalam bentuk, dan dapat digunakan dalam berbagai papan nama dan diberi nama Neue Haas Grotesk (New Haas Grotesque), dengan cepat dilisensikan oleh Linotype dan berganti nama menjadi Helvetica pada tahun 1960 , bahasa Latin untuk Swiss. Font ini disukai oleh para desainer karena netralitasnya dan disukai oleh banyak merek terkenal seperti Jeep, Kawasaki, Motorola, dan BMW.

4. Kurir

Font Courier adalah font milik keluarga font Serif. Dirancang oleh Howard "Bud" Kettler awalnya untuk mesin tik IBM, telah diadaptasi untuk digunakan sebagai font komputer dan hampir semua komputer terinstal dengan itu. Karena typeset Monospace-nya, pada 1990-an ia menemukan penggunaan baru dalam industri elektronik dan komputer di mana kolom karakter harus disejajarkan secara konsisten, misalnya, dalam pengkodean yang merupakan font default untuk menulis atau menggambarkan segala jenis kode.

Menurut standar industri, semua skenario harus ditulis dalam 12 poin Courier. Departemen Luar Negeri AS menggunakannya sebagai font standar untuk semua dokumen hingga Januari 2004. Dengan meningkatnya penggunaan dalam industri digital, Courier telah mengembangkan varian dengan fitur seperti tanda baca yang lebih besar, perbedaan yang lebih kuat antara karakter serupa (seperti angka 0 / huruf besar O dan angka 1 / huruf kecil L), dll untuk keterbacaan layar yang lebih baik.

5. Kalibri

Font Calibri adalah anggota keluarga font Sans-serif yang dirancang oleh Lucas de Groot pada tahun 2002-2004. Itu dirilis untuk umum pada tahun 2007, dibundel dengan Microsoft Office 2007 dan Windows Vista. Mulai dari Office 2007, ini menggantikan Times New Roman sebagai font default di MS Word dan Arial sebagai font default untuk MS Powerpoint, MS Excel, Microsoft Outlook, dan WordPad. Ini adalah bagian dari Koleksi Font ClearType yang dirancang untuk bekerja dengan sistem rendering teks ClearType oleh Microsoft untuk membuat teks lebih jelas untuk dibaca di layar kristal cair (LCD).

Alat Font untuk Memeriksa

Ada sejumlah alat online yang dapat Anda gunakan untuk menguji berbagai font sebelum menggunakannya di situs web Anda. Jika Anda ingin menjelajahi jenis font yang tersedia atau mengalami kesulitan dalam memilih font mana yang akan digunakan, alat ini sangat membantu.

Pasangan Font

Font Pair adalah situs web khusus yang memiliki banyak sumber daya terkait tipografi. Ada berbagai eBook, panduan, ulasan, video, dan rekomendasi plugin untuk font. Mereka memiliki bagian yang didedikasikan untuk font paling populer yang tersedia di Google dan perbandingan mendalam tentang font mana yang terbaik bersama.

Wordmark.it

Wordmark.it memberi Anda pratinjau singkat seperti apa tampilan teks Anda dengan font tertentu atau bahkan beberapa font secara bersamaan. Cukup masukkan teks di bilah dan voila itu akan menunjukkan kepada Anda bagaimana tampilannya dengan font yang berbeda.

WhatTheFont

WhatTheFont adalah teks apa Reverse Image Search adalah untuk Gambar. Ini membantu Anda mengidentifikasi font yang telah Anda lihat. Cukup unggah gambar font dan itu akan cocok dengan database mereka dan memberi Anda apa yang menurutnya paling cocok. Anda juga dapat menuju ke forum aktif mereka untuk membantu mengidentifikasi font atau bahkan kueri tipografi umum.

Anda mungkin juga menyukai: 3 Cara Berbeda untuk Menambahkan Font Kustom ke Tema Situs WordPress Anda.

Bagaimana Cara Menambahkan Font Aman Web ke Situs Web Saya?

Sekarang Anda telah memilih font yang aman untuk web, sekarang saatnya untuk menerapkannya. Jika Anda memiliki sedikit pengalaman pemrograman, ikuti langkah-langkah ini untuk menambahkan font aman web ke halaman web Anda:

1. Buka file header.php Anda.

2. Salin sumber font/kode standar. Anda biasanya dapat menemukan ini melalui Google.

3. Tempelkan kode di bagian atas file header Anda.

4. Muat style.css Anda, masukkan kode font untuk mengubah teks font pilihan Anda.

Pada akhirnya, style sheet Anda akan terlihat seperti ini:

 Artikel ini ditulis oleh Abhyank Srinet. Abhyank memegang gelar Magister Manajemen dari ESCP Eropa & memiliki gelar teknik dengan spesialisasi di bidang Instrumentasi & Kontrol. Ketertarikannya pada lanskap digital memotivasi dia untuk membuat startup online untuk konsultasi aplikasi (MiM-Essay), yang berfokus pada penyebaran informasi berkualitas tentang gelar master karir awal.