Rabu, 23 September 2015

Daftar Situs Penyedia Icon Fonts CSS

Daftar Situs Penyedia Download Font Icon Gratis

Perkembangan dunia web design sangatlah pesat, salah satu dari kemajuan perkembangan desain web itu adalah 'Font Ikon'. Jika dulu untuk menampilkan sebuah icon di laman web harus menggunakan media gambar yang biasanya membuat lambat loading web tersebt, maka dengan hadirnya font ikon para developer tidak perlu lagi menggunakan media gambar untuk menampilkan icon melainkan hanya dengan menggunakan font saja.
Idenya adalah untuk mengambil satu set ikon atau Piktogram yang biasanya akan diimplementasikan sebagai file gambar atau vektor dan kemudian mengubahnya menjadi font.

Metode ini dinilai jauh lebih baik dan efisien dari pada menggunakan gambar ataupun vector, karena font ikon dapat memuat sebuah laman 14% lebih cepat ketimbang gambar dan dapat menjadi 90% lebih kecil dari file SVG yang secara otomatis akan lebih menghemat bandwitch.

Baca Juga


kami telah membuat daftar singkat daftar situs penyedia font ikon yang populer dikalangan desainer web dan mungkin menjadi favorit anda. Berikut daftar situs penyedia font ikon terbaik :
jika anda mempunyai reverensi lain silahkan tambahkan di kolom komentar di bawah !

1. Font Awesome

Pada awalnya font awesome dirancang untuk bekerja dengan sempurna dengan Bootstrap namun sekarang font awesome juga sudah bisa dipakai di Html. font ikon ini merupakan yang paling populer dikalangan desainer web dan kamipun juga memakainya.
untuk contoh langsung bisa anda lihat di situs web ini.

Daftar Situs Penyedia Font Icon Gratis - Font Awesome

2. Fontello

Berbeda dengan Font Awesome, Fontello sebenarnya adalah alat yang memungkinkan Anda untuk dengan mudah mengumpulkan huruf icon Anda sendiri berdasarkan dari sejumlah sumber penyedia font ikon, termasuk: Entypo, Font Awesome, Iconic dan Brandico. jadi lebih mempercepat loading karena yang di load hanya ikon yang dipakai saja.

Daftar Situs Penyedia Font Icon Gratis - Fontello Icon Font

3. Modern pictograms

Untuk yang satu ini kami sendiri tidak pernah mencobanya karena saya kirang mengerti dengan apa yang di jelaskan di situsnya, di situsnya di sebutkan "Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels." Bagian ini lah yang tidak kami mengerti, dan juga update terakhir font ini adalah tahun 2013 itu berarti sudah dua tahun tidak pernah di update.

Daftar Situs Penyedia Font Icon Gratis - Modern Pictogram

4. Typicons

Satu lagi set font ikon yang dibuat dengan grapic yang bersih untuk digunakan sebagai webfont. untuk penggunaan hampir sama dengan font awesome hanya saja typicons hanya menyediakan 36 set ikon lebih sedikit dibanding font awesome.

Daftar Situs Penyedia Font Icon Gratis - Typicons Font

5. Foundation Icon Fonts 3

Foundation Icon Fonts 2 : Dibuatt oleh ZURB.com, Foundation Icon Fonts 3 menyediakan 283 font ikon yang bisa anda gunakan secara gratis.

Daftar Situs Penyedia Font Icon Gratis - Foundation Icon Font

6. Pictonic

Pictonic menyediakan lebih dari 2300+ koleksi ikon, namun sayangnya pictonic tidak bisa digunakan secara gratis hanya sekitar 230 ikon saja yang dapat digunakan secara bebas. Untuk dapat menggunakan pictonic secara keseluruhan anda harus membayar sebesar $ 160 dollar.

Daftar Situs Penyedia Font Icon Gratis - Pictonic Font

7. Pictos

Pictos menyediakan 2 pilihan dalam penggunaannya pertama dengan cara menanamkan langsung di bagian CSS dengan perintah @font-face{} seperti font ikon diatas atau dengan cara mengambil kangsung melalui server Pictos dengan cara subscribe terlebih dahulu. Namun Pictos tidaklah gratis, untuk menggunakannya anda harus membelinya dahulu sebesar $ 49 atau sekitar Rp. 600.000an.

Daftar Situs Penyedia Font Icon Gratis - Pictos Font

8. Ionicons (441 ikon)

9. Shock Icon Font (1121 ikon)

10. Dripicons (95 ikon)

11. Entypo (250 ikon)


Daftar Situs Penyedia Font Icon Gratis - entypo ikon

12. Sosa (160 ikon)

13. The Elegant Icon Font (310 ikon)

14. Map Icon (175 ikon)

15. Ligature Symbol (250 ikon)

16. Heydings Icons (60 ikon)

17. Signifi (38 ikon)

18. Pursajs (73 ikon)

19. Elusive (271 ikon)


Daftar Situs Penyedia Font Icon Gratis - Elusife Font

Menggunakan Font icon memungkinkan desainer untuk dapat menyesuaikan ukuran, warna dan bayangan ikon mereka dengan mudah dan cepat, dapat menghemat waktu pengerjaan.

** Sebaiknya sebelum megunakan font icon diatas terlebih dahulu baca lisensi dan ketentuan yang mereka gunakan.