Fon

Penggunaan fon dan pautan ikon

Penggunaan fon dan pautan ikon
  1. Mengapa kita mesti menggunakan fon ikon?
  2. Mengapa tidak menggunakan fon ikon?
  3. Apakah kelebihan menggunakan fon bukan imej sebagai ikon?
  4. Mengapa kita harus menggunakan fon ikon jika mungkin kerana mereka kelihatan lebih baik kerana mereka berskala tanpa henti dan oleh itu tidak kabur kerana pelayar berurusan lebih baik dengan mereka?

Mengapa kita mesti menggunakan fon ikon?

Menggunakan fon untuk menjadikan ikon mempunyai banyak faedah: berasaskan vektor, mereka tidak berskala, tidak seperti gambar yang rasterisasi. Terkandung dalam satu fail, saiz fail jauh lebih kecil daripada koleksi imej individu-bahkan yang berasaskan vektor.

Mengapa tidak menggunakan fon ikon?

Fon ikon terkenal dengan kebolehcapaian dan boleh membawa kepada beberapa pengalaman yang mengecewakan bagi mereka yang bergantung pada teknologi bantuan. Diperlakukan seperti teks - penyemak imbas merawat fon seperti teks kerana itulah fon yang sepatutnya.

Apakah kelebihan menggunakan fon bukan imej sebagai ikon?

Kelebihan utama fon ikon adalah skala yang sangat baik; mereka meningkat saiz dengan kualiti yang jauh lebih baik daripada gambar raster. Juga, kerana ikon fon adalah teks, CSS dengan mudah boleh digunakan untuk menyesuaikan saiz dan menukar warna.

Mengapa kita harus menggunakan fon ikon jika mungkin kerana mereka kelihatan lebih baik kerana mereka berskala tanpa henti dan oleh itu tidak kabur kerana pelayar berurusan lebih baik dengan mereka?

Faedah fon ikon

Dengan mengadopsi fon ikon untuk reka bentuk laman web anda, tidak perlu membuat ikon di laman web menggunakan imej. Oleh itu, anda boleh mengelakkan masalah menggunakan imej, seperti hakikat bahawa mereka menambah berat fail, memerlukan permintaan HTTP tambahan, dan tidak skala dengan baik, dengan menggunakan fon ikon sebaliknya.

Apakah kaedah terbaik untuk memilih antara dua pilihan dalam UI?
Yang manakah digunakan untuk memilih lebih daripada satu daripada banyak pilihan dalam UI?Apakah UI terbaik untuk pelbagai pemilihan dari senarai?Kaw...
Status pemprosesan pelbagai pemilihan ui/ux
Apakah proses teras 4 reka bentuk ux?Apakah peringkat reka bentuk UX?Apakah UI terbaik untuk pelbagai pemilihan dari senarai?Kawalan mana yang diguna...
Tindakan pukal jadual data yang bebas antara satu sama lain
Apa itu tindakan pukal?Apa cara alternatif untuk membentangkan data jadual dan bukannya jadual standard dalam UI?Bagaimana jadual data berfungsi? Ap...