Laman » Grafik » IcoFont Memberi Anda 2100+ Ikon Percuma dalam Fail Fon Tunggal

    IcoFont Memberi Anda 2100+ Ikon Percuma dalam Fail Fon Tunggal

    Dengan kebangkitan fon web dan fon CSS yang boleh disambungkan, ia lebih mudah pada masa kini untuk mencipta laman web yang benar-benar unik dari awal.

    Trend terbaru adalah fon ikon yang biasanya lebih kecil daripada imej, lebih mudah untuk skala, dan mereka jelas pada semua saiz skrin (termasuk retina). Anda boleh mencari banyak font ikon dalam talian tetapi IcoFont benar mengambil kek itu.

    Taip huruf ikon percuma ini disertakan lebih daripada 2,100 ikon, semua dibundel menjadi a fail fon tunggal.

    Anda boleh memuat turun sumber mentah dengan semua ikon atau hanya ikon tertentu “keluarga” seperti mata wang, perniagaan, sosial atau mudah alih UI (antara yang lain).

    Laman web bertindak seperti dokumentasi dalam talian untuk semua ikon ini, jadi anda boleh menyalin / paste kod ke laman web anda dengan cepat. Ikon IcoFont berfungsi banyak seperti ikon FontAwesome yang, misalnya, digunakan secara lalai dalam rangka kerja Bootstrap.

    Semuanya berfungsi melalui elemen yang memerlukan dua kelas CSS:

    1. kelas IcoFont lalai
    2. kelas bagi setiap jenis ikon

    Sebagai contoh, untuk menambah ikon istana ke dokumen anda, anda akan menambahkan sesuatu seperti ini ke susun atur anda:

      

    Anda secara teknikal boleh menambah ikon ini kepada mana-mana unsur yang anda suka tetapi kod lalai dari IcoFont bergantung unsur-unsur.

    Perhatikan perpustakaan ini tidak boleh dikelirukan dengan program yang dipanggil Icofont yang bukan perpustakaan sama sekali tetapi antara muka untuk mengurus fon ikon di dalam aplikasi RoR anda. Oleh kerana program ini mempunyai nama yang sama dengan perpustakaan IcoFont, ia boleh menjadi Googling yang sukar untuk maklumat lanjut.

    Perpustakaan ini adalah masih sangat baru dan saya tidak dapat menemuinya di GitHub atau di mana sahaja di web. Tetapi, jika anda mencari maklumat lanjut, saya amat menggalakkan melawat laman web dan memuat turun salinan. Anda akan dapati semua kod sumber yang betul di sana dan anda juga boleh menyemak imbas semua ikon mengikut kategori untuk melihat apa yang ada dalam set itu.

    © Savtec
    Maklumat berguna dan tips pembangunan web. Pengaturcaraan, reka bentuk web, CSS, HTML, JAVASCRIPT. Konfigurasi dan pasang semula WINDOWS. Penciptaan tapak dan aplikasi dari awal.