32 Font Aman Web Cantik untuk Digunakan dengan CSS

Diterbitkan: 2016-10-11

Kita melihat font setiap hari beberapa jam sehari bagi sebagian besar dari kita. Jika Anda seorang pekerja kantoran, Anda mungkin melihat lebih banyak lagi. Mereka digunakan di media cetak dan di situs web juga. Faktanya, font pada awalnya dirancang untuk pengaturan huruf untuk mencetak surat kabar dan buku.

Saat ini font digunakan dalam bentuk elektronik untuk desain situs web, grafik iklan, dan lainnya, serta surat kabar, majalah, dan buku yang masih dicetak.

Bagaimana Anda tahu bahwa font yang Anda pilih akan ditampilkan kepada pemirsa?

Kami telah mengumpulkan 32 font aman web yang dapat Anda gunakan dengan CSS di situs web Anda.

Namun, sebelum kita membahasnya; apakah Anda tahu apa sebenarnya font web safe?

Apa itu font aman web?

Setiap sistem operasi baik itu windows atau mac dilengkapi dengan sejumlah font bawaan. Meskipun tidak semua sistem komputer menginstal tipografi yang sama, Anda dapat menggunakan paket gaya tipe aman web untuk memilih beberapa font yang terlihat sebanding. Ini akan memungkinkan berbagai sistem melihat apa yang telah Anda posting di situs web Anda.

Jika Anda tidak memilih font web-safe; tidak semua orang yang mengunjungi situs Anda akan dapat melihat apa yang diposting di halaman Anda, itulah sebabnya penting untuk memilih salah satu tumpukan font yang aman untuk web.

Apa itu CSS?

Dengan semua situs yang memungkinkan Anda untuk membuat situs web sendiri dan perusahaan hosting yang bermunculan seperti Wix di mana Anda hanya drag and drop Anda mungkin tidak tahu HTML atau CSS.

CSS adalah singkatan dari Cascading Style Sheets yang memungkinkan Anda untuk mengontrol elemen gaya seperti warna, font, atau spasi dalam dokumen web. Ini pada dasarnya memberi tahu komputer pengguna font, warna, dan spasi apa yang akan ditampilkan kepada pemirsa. Jika pengguna tersebut tidak memiliki font, komputer akan mengunduhnya atau menggunakan font serupa selama perancang telah memilih tumpukan font untuk digunakan atau keluarga font. Sebuah keluarga font akan menjadi sesuatu seperti Lucida yang juga berisi Lucida Sans dan Lucida Grande.

Sementara iklan TV menunjukkan situs bisnis yang sukses telah menggunakan situs mereka sendiri, saya tidak akan merekomendasikannya. Jika Anda benar-benar ingin menampilkan tampilan profesional untuk bisnis Anda, sewalah perusahaan desain profesional. Namun, jika Anda benar-benar ingin membuat sendiri dan mengetahui beberapa HTML dan CSS, maka ada font tertentu yang harus Anda gunakan dan kami akan memberi tahu Anda apa font itu.

32 Font Aman Web

Berikut adalah font yang jika digunakan dalam tumpukan font Anda akan aman dan halaman web Anda akan muncul dengan benar kepada siapa saja yang mengunjunginya. Mereka juga dapat memberi Anda tampilan profesional.

Jenis huruf web Sans Serif yang andal

Font san serif ini akan menjadi yang terbaik untuk halaman web Anda.

  1. Arial
  2. Arial Hitam
  3. Tahoma
  4. Trebuchet MS
  5. Verdana

Berikut adalah beberapa lainnya meskipun mungkin tidak ditampilkan di beberapa komputer yang tidak menginstalnya.

  1. Abad Gothic
  2. Jenewa
  3. Lucida
  4. Lucida Sans
  5. Lucida Grande
Font Aman Web Serif

Ini adalah yang terbaik untuk serif

  1. Kurir
  2. Kurir Baru
  3. Georgia
  4. Waktu
  5. Times New Roman

Ini akan berfungsi tetapi mungkin tidak ditampilkan di beberapa komputer.

  1. MS Serif
  2. New York
  3. Palatino
  4. Linotipe Palatino
Font Monospace

Font terbaik dari monospace

  1. Kurir
  2. Kurir Baru

Ini akan berfungsi tetapi mungkin tidak ada di beberapa komputer.

  1. Lucida Console
  2. Monako
Ponsel Pintar dan Perangkat Seluler

Perangkat ini benar-benar hanya memiliki beberapa font; sayangnya, tidak ada gaya ketik bersama untuk perangkat Android. Sebagai gantinya, Anda harus menggunakan tag @font-face untuk memasukkan sumber yang ingin Anda gunakan. Untuk perangkat iPhone, iPod, dan iPad, gaya huruf yang paling sering digunakan meliputi:

  1. Arial
  2. Kurir
  3. Kurir Baru
  4. Georgia
  5. Helvetica
  6. Palatino
  7. Times New Roman
  8. Trebuchet MS
  9. Verdana

Itu adalah font aman web paling umum yang dapat Anda gunakan dan pastikan bahwa sebagian besar orang akan melihat halaman web Anda ditampilkan dengan benar di perangkat iPhone, iPad, dan iPad.

Gratis vs Berbayar

Dengan program kode sumber terbuka seperti Open Office dan LibreOffice, Anda mungkin menemukan beberapa font gratis berkualitas untuk diunduh dari internet. Banyak dari ini berkualitas cukup tinggi dan menghadapinya sebagian besar dari kita menyukai barang gratis; selain itu, mengapa tidak menghemat beberapa dolar untuk sebuah proyek?

Apakah gratis selalu baik, bukan? Atau itu? Bisakah gratis benar-benar dibandingkan dengan font berbayar?

Font gratis dibandingkan dengan font berbayar apa bedanya? Jawabannya adalah kualitas. Ya, beberapa font gratis memiliki kualitas yang bagus. Namun ketika datang ke gratis Anda masih harus memeriksa lisensi untuk memastikan Anda dapat menggunakannya.

Jadi apa saja font dari koleksi gratis?

  1. Southern Aire oleh Mans Greback gratis untuk penggunaan pribadi
  2. Devil East Gratis oleh desain fey
  3. Casablanca Noir Penggunaan Pribadi Reguler oleh Billy Argel
  4. Magnolia Script oleh Jovanny Lemonad
  5. Manila Sans – Tebal diunggah oleh theprintinghub
  6. Judul Tipnik oleh MyFonts
  7. League Gothic oleh The League of Moveable Type
  8. Grand Hotel oleh Astigmatic
  9. Ayres Serif oleh Mariel Gornati

Apa font gratis pilihan teratas tahun 2016?

  1. Font Gratis Arktik
  2. Font Gratis Bemount
  3. Font Gratis Esphimere
  4. Font Gratis Jaden
  5. Font Gratis Barbaro
  6. Ansley Menampilkan Font Gratis
  7. Font Gratis Bariol Serif
  8. Bohemia SlabSerif Font Gratis
  9. Font Gratis Bintang
  10. Font Gratis Panama
  11. BSRU Bansomdej Font Gratis
  12. Font Gratis Kunang-Kunang
  13. Script Mightype Font Gratis
  14. Font Gratis BERNIER
  15. Font Bebas Memori

Untuk apa seseorang menggunakan font gratis ini? Mungkin di halaman web untuk mendongeng akan menjadi tempat yang baik untuk menggunakan font ini. Mereka juga dapat digunakan untuk jurnal pribadi, blog foto; hampir semua hal yang ingin Anda publikasikan ke internet.

Font Apa yang Digunakan Profesional?

Saat desainer membuat halaman web untuk klien, mereka menggunakan font berbayar dari beberapa koleksi.

Mungkin Anda bertanya-tanya font apa yang digunakan para profesional? Font ini paling banyak digunakan oleh para profesional.

1. Helvetica

Most Used Fonts By Professional Designers

2. Buah-buahan

Most Used Fonts By Professional Designers

3. Segudang Pro

Most Used Fonts By Professional Designers

4. Jalan Avenir

Most Used Fonts By Professional Designers

5. Trajan

Most Used Fonts By Professional Designers

6. Optima Std

Most Used Fonts By Professional Designers

7. ITC Franklin Gothic Std

Most Used Fonts By Professional Designers

8. Masa depan

Most Used Fonts By Professional Designers

9. Naskah Bickham

Most Used Fonts By Professional Designers

10. Universitas

Most Used Fonts By Professional Designers

11. Eurostile

Most Used Fonts By Professional Designers

12. Antarnegara

Most Used Fonts By Professional Designers

13. Perdagangan Gotik

Most Used Fonts By Professional Designers

14. Gill Sans

Most Used Fonts By Professional Designers

15. Peringatan

Most Used Fonts By Professional Designers

16. Kepler

Most Used Fonts By Professional Designers

17. Bodoni

Most Used Fonts By Professional Designers

18. Bembo

Most Used Fonts By Professional Designers

19. Rockwell

Most Used Fonts By Professional Designers

20. Meta

Most Used Fonts By Professional Designers

21. Gotham

Most Used Fonts By Professional Designers

21 itu adalah font yang paling sering Anda lihat di situs web yang dirancang oleh desainer web profesional.

Apakah desainer web profesional akan menggunakan font gratis? Mungkin ada beberapa font gratis yang mungkin digunakan oleh desainer web profesional tergantung pada keinginan dan kebutuhan klien. Berikut adalah beberapa yang mungkin digunakan oleh desainer web profesional.

  • Lezat
  • Gentium
  • penghitungan
  • Yanone Kaffeesatz
  • Ambrosia
  • Kekosongan
  • Keluarga Pembebasan yang berisi Sans dan Serif
  • Advent Pro
Untuk apa Anda membutuhkan font?

Untuk apa Anda mungkin membutuhkan font? Beberapa hal yang dapat Anda gunakan font adalah menulis resume, menulis jurnal atau blog atau bagaimana dengan jurnal foto untuk berbagi foto keluarga. Anda juga dapat menggunakannya untuk menulis sejarah dan silsilah keluarga Anda atau mungkin situs web untuk bisnis rumahan Anda seperti untuk pekerja lepas.

Jika Anda seorang penulis lepas, Anda harus mempertimbangkan beberapa font gratis ini sebagai alat yang dapat Anda gunakan tergantung pada apa yang ingin disajikan klien. Anda juga dapat menggunakannya dalam portofolio Anda untuk menunjukkan kepada klien.

Di mana Anda bisa mendapatkan font?

Di mana Anda bisa mendapatkan font untuk proyek, halaman web, dan penggunaan lainnya? Berikut adalah daftar tempat di mana Anda bisa mendapatkan font. Beberapa di antaranya berbayar dan beberapa gratis, yang lain akan berisi kombinasi font berbayar dan gratis untuk Anda unduh.

  • Dukungan Office dari Microsoft – banyak yang berbayar mungkin ada beberapa yang gratis
  • Google Font – Font gratis dari Google
  • 1001 Font Gratis – lebih dari 12000 font gratis juga memiliki font mac
  • DaFont – ini gratis
  • Font Perkotaan – ini gratis
  • Font Squirrel – situs ini tidak hanya gratis dan berbayar tetapi juga menunjukkan kepada Anda sistem operasi apa yang digunakan font tersebut.
  • Itunes – toko apel memiliki font gratis dan berbayar

Banyak dari situs ini jika tidak semuanya akan memberikan instruksi tentang cara mengunduh dan menginstal font untuk sistem operasi Anda apakah itu windows atau mac.

Perhatikan saja dan ikuti instruksi seperti yang diberikan dan Anda seharusnya tidak memiliki masalah dalam menginstal font yang Anda unduh.

Berapa banyak Anda membayar untuk font akan tergantung pada jenis bisnis Anda, jenis proyek apa yang Anda lakukan, dan anggaran Anda.

Ingatlah bahwa gratis tidak selalu merupakan pilihan terbaik. Anda mungkin perlu memangkas anggaran Anda di area lain untuk membayar beberapa font jika Anda ingin memiliki pilihan menyeluruh untuk dipilih klien.

Jika Anda merasa font berbayar akan menjadi pilihan yang lebih baik bagi klien, jelaskan kepada mereka mengapa harus menunjukkan kepada mereka perbedaan font berbayar dan gratis; pastikan untuk menjelaskan bahwa tidak semua sistem mungkin memiliki font yang diinstal dan oleh karena itu mungkin tidak dapat melihat informasi yang disajikan.

Kesimpulan

Dengan semua situs pembuatan web buatan sendiri di luar sana, Anda tidak perlu lagi memiliki pengetahuan tentang HTML atau CSS tetapi Anda harus mengetahui jenis font yang umumnya digunakan dalam sistem operasi.

Saat Anda membangun situs web, Anda memberikan informasi kepada pengunjung tentang bisnis Anda atau hal-hal yang Anda rasa perlu mereka ketahui, atau bahkan tentang diri Anda sendiri.

Jika Anda membuat situs web Anda sendiri dan tidak menggunakan font umum yang telah diinstal oleh sebagian besar sistem operasi, maka pengunjung situs Anda mungkin tidak dapat melihat dokumen atau informasi yang Anda coba berikan kepada mereka.

Font yang Anda pilih sangat penting dan harus dipilih dengan hati-hati, terutama sekarang karena begitu banyak yang membuat situs web mereka sendiri.

Anda harus ingat tidak setiap komputer akan menginstal semua font, itulah sebabnya Anda harus memilih keluarga font atau font yang memiliki font serupa yang dapat digunakan sebagai penggantinya.

Kami telah memberi Anda banyak font untuk dipilih, beberapa membayar beberapa gratis; terserah Anda untuk memutuskan mana yang lebih baik untuk proyek atau bisnis Anda – berbayar atau gratis. Ini semua tentang citra apa yang ingin Anda tampilkan kepada orang-orang; profesional atau angker. Jika untuk klien; maka terserah Anda juga untuk memberi mereka pilihan terbaik dari berbayar dan gratis dan menjelaskan perbedaan di antara mereka sehingga mereka memiliki semua informasi yang diperlukan untuk membuat pilihan yang bijaksana. Jangan lupa untuk memberi tahu mereka apa yang Anda sebagai seorang profesional akan pilih untuk proyek pribadi Anda dan mengapa.