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, perusahaan branding dan desain yang sangat sukses. Kami telah bermitra dengan banyak klien… mereka meluncurkan branding dan desain lalu kami menyesuaikannya, mengoptimalkannya, dan mengintegrasikannya untuk klien kami. Sungguh luar biasa karena desainer mereka tidak hanya membuat 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 bukanlah sebuah gambar sama sekali. 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 yang memiliki warna, ukuran, dan gaya yang sama dengan yang lain. 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 begitu keren. Saya yakin kita akan menemukan banyak peluang lain untuk memasukkan ikon Symbolset ke dalam situs kita sendiri. Catatan terakhir, mereka tidak hanya memiliki Ikon Sosial, mereka memiliki beberapa rangkaian font… er… simbol.

Bagaimana menurut Anda?

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