25 Web Selamat Font Selamat untuk Laman Web Anda

Artikel ditulis oleh: Azreen Azmi
  • Perniagaan Online
  • Dikemaskini: Okt 05, 2020

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

Fon Selamat Web - Arial

Pautan / Sumber: Fonts.com / CSS Font Stack

2. Calibri

Fon Selamat Web - Calibri

Pautan / Sumber: Fonts.com / CSS Font Stack 

3. Helvetica

Fon Selamat Web - Helvetica

Pautan / Sumber: Fonts.com / CSS Font Stack

4. Segoe UI

Fon Selamat Web - Segoe UI

Pautan / Sumber: Fonts.com / CSS Font Stack

5. Trebuchet MS

Fon Selamat Web - Trebuchet

Pautan / Sumber: Fonts.com / CSS Font Stack 

6. Cambria

Fon Selamat Web - Cambria

Pautan / Sumber: Fonts.com / CSS Font Stack 

7. Palatino

Fon Selamat Web - Palatino

Pautan / Sumber: Fonts.com / CSS Font Stack

8. Perpetua

Fon Selamat Web - Perpetua

Pautan / Sumber: Fonts.com / CSS Font Stack

9. Georgia

Fon Selamat Web - Georgia

Pautan / Sumber: Fonts.com / CSS Font Stack 

10. Consolas

Fon Selamat Web - Konsol

Pautan / Sumber: Fonts.com / CSS Font Stack

11. Kurier Baru

Fon Selamat Web - Kurier Baru

Pautan / Sumber: Fonts.com / CSS Font Stack 

12. Tahoma

Fon Selamat Web - Tahoma

Pautan / Sumber: Fonts.com / CSS Font Stack

13. Verdana

Fon Selamat Web - Verdana

Pautan / Sumber: Fonts.com / CSS Font Stack

14. Optima

Fon Selamat Web - Optima

Pautan / Sumber: Fonts.com / CSS Font Stack

15. Gill Sans

Fon Selamat Web - Gill Sans

Pautan / Sumber: Fonts.com / CSS Font Stack

16. Century Gothic

Fon Selamat Web - Century Gothic

Pautan / Sumber: Fonts.com / CSS Font Stack 

17. Candara

Fon Selamat Web - Candara

Pautan / Sumber: Fonts.com / CSS Font Stack

18. Andale Mono

Fon Selamat Web - Andale Mono

Pautan / Sumber: Fonts.com / CSS Font Stack 

19. Didot

Fon Selamat Web - Didot

Pautan / Sumber: Fonts.com / CSS Font Stack

20. Copperplate Gothic

Fon Selamat Web - Copperplate

Pautan / Sumber: Fonts.com / CSS Font Stack 

21. Rockwell

Fon Selamat Web - Rockwell

Pautan / Sumber: Fonts.com / CSS Font Stack 

22. Bodoni

Fon Selamat Web - Bodoni

Pautan / Sumber: Fonts.com / CSS Font Stack

23. Franklin Gothic

Fon Selamat Web - franklin Gothic

Pautan / Sumber: Fonts.com / CSS Font Stack 

24. Kesan

Fon Selamat Web - Kesan

Pautan / Sumber: Fonts.com / CSS Font Stack 

25. Calisto MT

Fon Selamat Web - 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

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!

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: