25 Gorgeous Web Safe Fonts untuk Situs Web Anda

Artikel ditulis oleh:
  • Bisnis Online
  • Diperbarui: Jan 17, 2019

Apakah kamu toko eCommerce or seorang blogger pemula, satu hal yang dimiliki semua situs web adalah penggunaan teks untuk konten. Menempatkan beberapa pemikiran pada teks yang ditampilkan (atau desain tipografi) Anda tidak mengherankan penting saat membuat estetika situs Anda secara keseluruhan dan untuk memastikan kesuksesannya.

Begini, Anda mungkin memiliki template WordPress yang mengagumkan atau menempatkan gambar yang mengesankan di situs web Anda HOWEVER jika Anda menggunakan font dasar yang tidak menarik (atau lebih buruk Comic Sans!), Maka Anda masih akan berakhir dengan situs web yang terlihat dan terasa tidak profesional.

Plus, Anda tidak memiliki banyak tipografi web cantik yang tersedia secara online.

Tentu saja, jika Anda ingin memastikan bahwa font yang Anda pilih memuat dengan andal pada komputer lain, Anda harus memilih "font web aman".

Dengan font web aman 25 kami yang cantik, Anda pasti akan memiliki tipografi web yang luar biasa untuk situs web Anda yang bekerja sepanjang waktu, pada akhir artikel ini!

Apa itu Font Aman Web?

Font yang aman di web adalah font yang biasanya sudah terpasang di sebagian besar perangkat - komputer, ponsel, smart TV, dan tablet.

Mengapa font web aman penting?

Dalam dunia yang ideal, Anda harus memiliki kemampuan untuk memilih font apa pun yang Anda inginkan untuk situs web Anda. Pada kenyataannya, ada batasan untuk jenis font yang dapat Anda gunakan.

Sebagian besar komputer dan browser web datang dengan satu set font yang sudah diinstal sebelumnya oleh produsen, namun desain mereka dapat (dan biasanya) berbeda. Tidak ada set font standar yang dibagikan oleh semua produsen yang berbeda.

Jika font yang Anda gunakan tidak diinstal pada komputer pengguna, maka situs web Anda akan kembali ke font umum, yang terkadang tidak dapat dibaca.

Di lain untuk menghindari itu, desainer web telah menggunakan Font Inti untuk Web yang dirilis Microsoft di 1996 sebagai standar untuk sebagian besar font situs web. Kumpulan font ini akhirnya menjadi "font web aman", karena terlepas dari komputer, font akan dengan aman muncul di situs web Anda.

Haruskah Saya Menggunakan Font Web Aman Untuk Situs Saya?

Jawaban singkat: Tentu saja.

Jika Anda ingin menjaga desain dan merek visual situs web Anda tetap konsisten, maka menggunakan font web aman memastikan bahwa situs web Anda muncul tepat seperti yang Anda inginkan.

Bahkan, hampir semua situs web saat ini menggunakan beberapa bentuk font web aman. Desainer web akan selalu merekomendasikan memilih font web aman untuk menghindari font generik, seperti Times New Roman, muncul ketika pengguna mengunjungi situs web Anda jika mereka tidak memiliki font khusus atau khusus.

Bagaimana Saya Menambah Font Aman Web Ini?

Ada sejumlah cara yang dapat Anda gunakan untuk menambahkan font ini ke halaman web Anda, tetapi jika Anda tidak tertarik pada pemrograman atau memiliki pengalaman teknis yang sedikit-ke-tidak, Anda dapat dengan mudah menyalin kode CSS mentah dan menempelkannya langsung ke stylesheet Anda sendiri untuk menggunakan font.

Jika Anda masih tidak yakin, ikuti saja beberapa langkah sederhana ini:

  1. Muat file header.php Anda
  2. Salin sumber font / kode standar
  3. Tempelkan kode di bagian atas file header Anda.
  4. Muat style.css Anda, letakkan kode font untuk mengubah teks font pilihan Anda.

Pada akhirnya, Anda harus memiliki stylesheet yang terlihat seperti ini:

25 Gorgeous Web Safe Fonts Untuk Situs Web Anda

1. Arial

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

2. Calibri

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

3. Helvetica

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

4. UI Segoe

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

5. Trebuchet MS

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

6. Cambria

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

7. Palatino

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

8. Perpetua

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

9. Georgia

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

10. Consolas

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

11. Courier New

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

12. Tahoma

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

13. Verdana

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

14. optima

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

15. Gill Sans

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

16. Century Gothic

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

17. Candara

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

18. Andale Mono

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

19. Didot

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

20. Copperplate Gothic

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

21. Rockwell

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

22. Bodoni

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

23. Franklin Gothic

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

24. Dampak

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

25. Calisto MT

Tautan / Sumber: Fonts.com / Tumpukan Font CSS

Alat Font Untuk Memeriksa

Sejumlah alat ada secara online yang dapat Anda gunakan untuk memeriksa dan menguji berbagai font yang dapat Anda gunakan untuk situs web Anda. Jika Anda kesulitan memilih font atau hanya ingin menjelajahi jenis font web aman apa yang tersedia, situs ini adalah alat yang hebat untuk digunakan.

Pasangan huruf

Pasangan huruf menawarkan banyak sumber daya, plugin, eBook, panduan, video, dan bahkan inspirasi tentang segala hal yang berkaitan dengan tipografi. Mereka bahkan memiliki bagian yang memberi Anda font paling populer yang tersedia di Google Fonts dan font mana yang paling cocok satu sama lain.

Wordmark.it

Jika Anda ingin pratinjau cepat dari apa teks Anda akan terlihat dengan font tertentu, Wordmark.it memberi Anda pratinjau instan tentang bagaimana teks Anda akan muncul pada banyak font sekaligus. Cukup ketik kata atau frasa di bilah halaman depan mereka, tekan enter dan itu akan menunjukkan teks Anda dengan font yang berbeda seperti Candara atau Lucida Console.

WhatTheFont

WhatTheFont adalah alat yang dapat Anda gunakan untuk mencari dan mengidentifikasi font yang telah Anda lihat online. Yang harus Anda lakukan hanyalah mengunggah gambar font dan WhatTheFont akan mencari silang dalam database mereka untuk memberi Anda hasil yang paling mendekati. Jika Anda masih tidak dapat menemukan font yang tepat, Anda bahkan dapat menuju ke mereka forum untuk meminta bantuan.

Ini Semua Tentang Font Putar

Jika Anda seperti saya, maka kemungkinan besar Anda menghabiskan banyak waktu di web, membaca, dan mengunjungi banyak situs web. Karena itu, Anda akan menghargai ketika sebuah situs web menggunakan tipografi yang baik untuk melengkapi desain visual situs mereka.

Ketika Anda menggunakan font web aman yang menyenangkan bagi mata, pengguna Anda akan bersyukur dan lebih bersedia untuk kembali dan mengonsumsi lebih banyak konten Anda. Jadi apa yang kamu tunggu? Mulai menggunakan font dan ini membuat situs web yang luar biasa untuk bisnismu!

Artikel oleh Azreen Azmi

Azreen Azmi adalah seorang penulis dengan kecenderungan untuk menulis tentang pemasaran konten dan teknologi. Dari YouTube hingga Twitch, ia mencoba untuk tetap berhubungan dengan pembuatan konten terbaru dan mencari cara terbaik untuk memasarkan merek Anda.