Symbolset: Tambahkan Ikon Sosial Ke Situs Apa Pun Dengan Font Web Ini!

Spec SSSocial Statis

Hampir setiap situs di web menggunakan media sosial ikon untuk menampilkan tautan ke Twitter, Facebook, LinkedIn, dan alamat sosial lainnya di web. Browser modern menawarkan kesempatan untuk menyematkan font, memungkinkan kemungkinan tak terbatas dalam desain keberadaan web Anda.

Kami sedang mengerjakan situs klien cantik yang dirancang oleh KA + A, sebuah perusahaan branding dan desain yang sangat sukses. Kami telah bermitra dengan banyak klien… mereka meluncurkan merek dan desain dan kemudian kami menyesuaikannya, mengoptimalkannya, dan mengintegrasikannya untuk klien kami. Sungguh luar biasa karena desainer mereka tidak hanya membangun situs yang indah, mereka juga menulis kode yang indah.

ikon sosial

Klien kami meminta kami untuk menambahkan gambar LinkedIn dan tautan ke kanan bawah situs mereka. Ketika kami melihat lebih dekat, kami menemukan bahwa itu sama sekali bukan gambar. Itu adalah font yang menampilkan Twitter dan Facebook! Melakukan beberapa peretasan cepat, kami dapat melihat bahwa mereka telah menerapkan ikon sosial dari Symbolset.

Simbol adalah font simbol semantik. Mereka bekerja di browser modern dan di mana saja fitur OpenType didukung.

Ini sangat efisien! Font dapat diubah ukurannya, memiliki warna apa saja, dan memiliki gaya lain yang diterapkan melalui CSS, seperti hover misalnya. Dan font dimuat dengan sangat cepat. Dari sudut pandang pengembangan, kami tidak harus meminta desainer kami mereproduksi ikon sosial baru dengan warna, ukuran, dan gaya yang sama dengan ikon lainnya. Kami hanya perlu menggunakan kode HTML untuk ikon LinkedIn, membungkusnya dengan tag jangkar, dan kami pergi!

Simbol Sosial hanya $ 3 dan dilengkapi dengan ikon sosial saat ini:
Spec SSSocial Statis

Kudos to KA+A untuk implementasi yang keren. Saya yakin kita akan menemukan banyak peluang lain untuk memasukkan ikon Symbolset ke situs kita sendiri. Catatan terakhir, mereka tidak hanya memiliki Ikon Sosial, mereka memiliki beberapa seri font lain… eh… simbol.

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.