25 Web Selamat Font Selamat untuk Laman Web Anda

Dikemas kini: 25 Mac 2021 / Artikel oleh: Azreen Azmi

Fon. Kami melihat mereka setiap hari. Dari iklan cetak hingga majalah, terdapat semua jenis fon di dunia.

Sama ada anda pemilik kedai eCommerce atau blogger pemula, satu perkara yang dimiliki oleh semua laman web adalah penggunaan teks untuk kandungan.

Memikirkan beberapa teks yang anda paparkan (atau reka bentuk tipografi) sangat tidak mustahak ketika membuat estetika keseluruhan laman web anda dan memastikan kejayaannya.

Tetapi yang lebih penting ialah mereka menjadi fon selamat di web.

Apakah Fon Selamat Web?

Fon selamat web adalah gaya fon yang biasanya diinstal sebelumnya dan dapat dilihat di kebanyakan peranti - komputer, telefon bimbit, TV pintar, dan tablet.

Mengapa fon selamat web penting?

Dalam dunia yang ideal, anda harus mempunyai keupayaan untuk memilih mana-mana fon yang anda mahu untuk laman web anda. Pada hakikatnya, terdapat sekatan terhadap jenis font yang boleh anda gunakan.

Kebanyakan komputer dan penyemak imbas web datang dengan satu set fon yang dipasang oleh pengeluar, bagaimanapun, reka bentuk mereka boleh (dan biasanya) berbeza. Tidak ada set font biasa yang dikongsi oleh semua pengeluar yang berbeza.

Sekiranya font yang anda gunakan tidak dipasang pada komputer pengguna, maka laman web anda akan kembali kepada font generik, yang kadangkala mungkin tidak dapat dibaca.

Di lain pihak untuk mengelakkannya, pereka laman web telah menggunakan Font Teras untuk Web bahawa Microsoft mengeluarkan 1996 sebagai standard untuk kebanyakan fon laman web. Set fon ini akhirnya menjadi "fon selamat web ', kerana tanpa mengira komputer, fon akan muncul dengan selamat di laman web anda.

Sekiranya Saya Menggunakan Font Selamat Web Untuk Laman Web Saya?

Jawapan ringkas: Benar.

Jika anda ingin mengekalkan reka bentuk dan jenama visual laman web anda konsisten, kemudian menggunakan font selamat web memastikan bahawa laman web anda muncul tepat seperti yang anda maksudkan untuk menjadi.

Malah, hampir semua laman web hari ini menggunakan beberapa bentuk web selamat font. Pereka web sentiasa mencadangkan memilih font selamat web untuk mengelakkan fon generik, seperti Times New Roman, muncul apabila pengguna mengunjungi laman web anda jika mereka tidak menggunakan font khusus atau khusus itu.

Bagaimanakah saya Tambah Font Selamat Web ini?

Terdapat beberapa cara yang boleh anda gunakan untuk menambah fon ini ke dalam halaman web anda, tetapi jika anda tidak masuk ke dalam pengaturcaraan atau mempunyai pengalaman teknikal yang sedikit-tanpa-tidak, anda boleh dengan mudah menyalin kod CSS mentah dan menampalnya secara langsung ke dalam stylesheet anda sendiri untuk menggunakan fon.

Jika anda masih tidak pasti, maka ikuti beberapa langkah berikut:

  1. Muatkan fail header.php anda
  2. Salin sumber fon / kod standard (lihat rujukan 1)
  3. Tampal kod di bahagian atas fail header anda.
  4. Muatkan style.css anda, masukkan kod fon untuk menukar teks fon pilihan anda. (lihat rujukan 2)

Rujukan 1

Rujukan 2

body {font-family: 'Abel'; font-size: 22px;}

25 Cantik Web Selamat Font Untuk Laman Web Anda

1. Arial

Web Safe Fonts - Arial

Pautan / Sumber: Fonts.com / CSS Font Stack

2. Calibri

Web Safe Fonts - Calibri

Pautan / Sumber: Fonts.com / CSS Font Stack 

3. Helvetica

Web Safe Fonts - Helvetica

Pautan / Sumber: Fonts.com / CSS Font Stack

4. Segoe UI

Web Safe Fonts -  Segoe UI

Pautan / Sumber: Fonts.com / CSS Font Stack

5. Trebuchet MS

Web Safe Fonts - Trebuchet

Pautan / Sumber: Fonts.com / CSS Font Stack 

6. Cambria

Web Safe Fonts - Cambria

Pautan / Sumber: Fonts.com / CSS Font Stack 

7. Palatino

Web Safe Fonts - Palatino

Pautan / Sumber: Fonts.com / CSS Font Stack

8. Perpetua

Web Safe Fonts - Perpetua

Pautan / Sumber: Fonts.com / CSS Font Stack

9. Georgia

Web Safe Fonts - Georgia

Pautan / Sumber: Fonts.com / CSS Font Stack 

10. Consolas

Web Safe Fonts - Consolas

Pautan / Sumber: Fonts.com / CSS Font Stack

11. Kurier Baru

Web Safe Fonts - Courier New

Pautan / Sumber: Fonts.com / CSS Font Stack 

12. Tahoma

Web Safe Fonts - Tahoma

Pautan / Sumber: Fonts.com / CSS Font Stack

13. Verdana

Web Safe Fonts - Verdana

Pautan / Sumber: Fonts.com / CSS Font Stack

14. Optima

Web Safe Fonts - Optima

Pautan / Sumber: Fonts.com / CSS Font Stack

15. Gill Sans

Web Safe Fonts - Gill Sans

Pautan / Sumber: Fonts.com / CSS Font Stack

16. Century Gothic

Web Safe Fonts - Century Gothic

Pautan / Sumber: Fonts.com / CSS Font Stack 

17. Candara

Web Safe Fonts - Candara

Pautan / Sumber: Fonts.com / CSS Font Stack

18. Andale Mono

Web Safe Fonts -  Andale Mono

Pautan / Sumber: Fonts.com / CSS Font Stack 

19. Didot

Web Safe Fonts - Didot

Pautan / Sumber: Fonts.com / CSS Font Stack

20. Copperplate Gothic

Web Safe Fonts - Copperplate

Pautan / Sumber: Fonts.com / CSS Font Stack 

21. Rockwell

Web Safe Fonts - Rockwell

Pautan / Sumber: Fonts.com / CSS Font Stack 

22. Bodoni

Web Safe Fonts - Bodoni

Pautan / Sumber: Fonts.com / CSS Font Stack

23. Franklin Gothic

Web Safe Fonts - franklin Gothic

Pautan / Sumber: Fonts.com / CSS Font Stack 

24. Kesan

Web Safe Fonts - Impact

Pautan / Sumber: Fonts.com / CSS Font Stack 

25. Calisto MT

Web Safe Fonts - Calisto

Pautan / Sumber: Fonts.com / CSS Font Stack

Alat Font Untuk Keluar

Sejumlah alat wujud dalam talian yang boleh anda gunakan untuk menyemak dan menguji fon yang berbeza yang boleh anda gunakan untuk laman web anda. Jika anda menghadapi masalah memilih font atau hanya ingin meneroka jenis fon selamat web, laman web ini adalah alat yang hebat untuk digunakan.

Pasangan Pair

Pasangan Pair menawarkan satu tan sumber, plugin, eBook, panduan, video, dan juga inspirasi pada apa-apa dan semua yang berkaitan dengan tipografi. Mereka juga mempunyai seksyen yang memberi anda fon paling popular yang terdapat di Google Font dan fon yang paling sesuai dipasangkan antara satu sama lain.

Wordmark.it

Sekiranya anda mahukan pratonton cepat mengenai teks anda seperti font tertentu, Wordmark.it memberikan anda pratonton serta-merta tentang bagaimana teks anda akan muncul pada banyak fon sekali gus. Cukup ketik kata atau frasa di bar halaman depan mereka, tekan enter dan ia akan menunjukkan kepada anda teks anda dengan fon yang berbeza seperti Candara atau Lucida Console.

WhatTheFont

WhatTheFont adalah alat yang boleh anda gunakan untuk mencari dan mengenalpasti fon yang telah anda lihat dalam talian. Apa yang anda perlu lakukan hanya memuat naik imej font dan WhatTheFont akan menyiasatnya dalam pangkalan data mereka untuk memberikan hasil yang paling dekat. Jika anda masih tidak dapat mencari font yang tepat, anda juga boleh mengetuai mereka forum untuk meminta bantuan.

Ini Semua Mengenai Font Fon

Use WHSR tool to check website font script
Alat yang dikembangkan oleh kami dapat memeriksa skrip fon yang digunakan laman web (lihat - Alat WHSR).

Jika anda seperti saya, kemungkinan besar anda menghabiskan banyak masa di web, membaca dan melawat banyak laman web. Oleh itu, anda akan menghargainya apabila sebuah laman web menggunakan tipografi yang baik untuk melengkapkan reka bentuk visual laman web mereka.

Apabila anda menggunakan fon selamat web yang menyenangkan mata, pengguna anda akan bersyukur dan lebih bersedia untuk kembali dan mengambil lebih banyak kandungan anda. Jadi apa yang anda tunggu? Mula menggunakan fon ini dan membuat laman web yang hebat untuk perniagaan anda!

Baca lebih lanjut:

Mengenai Azreen Azmi

Azreen Azmi adalah seorang penulis yang mempunyai minat untuk menulis mengenai pemasaran dan teknologi kandungan. Dari YouTube ke Twitch, dia cuba untuk terus berhubung dengan penciptaan kandungan terkini dan mengetahui cara terbaik untuk memasarkan jenama anda.

Menyambung: