ʻO ka hoʻohana pono ʻana o kēlā me kēia pūnaewele ma ka pūnaewele icons e hōʻike i nā loulou i kā lākou Twitter, Facebook, LinkedIn a me nā helu kaiaulu ʻē aʻe ma ka pūnaewele. Hāʻawi nā mea nānā hou i ka manawa kūpono e hoʻokomo i nā kinona hua, e ʻae ana i nā hiki palena ʻole i ka hoʻolālā ʻana i kāu alo pūnaewele.
Ke hana nei mākou ma kahi pūnaewele mea kūʻai aku nani i hoʻolālā ʻia e KA + A, a very successful branding and design firm. We've partnered on many clients… they roll out the branding and design and then we customize it, optimize it and integrate it for our clients. It's been fantastic since their designers not only build beautiful sites, they also write beautiful code.
Our client asked us to add a LinkedIn image and link to the bottom right of their site. When we took a closer look, we found that it wasn't an image at all. It was a font that was displaying Twitter and Facebook! Doing some quick hacking, we were able to see that they had implemented social icons from Symbolset.
Nā Hōʻailona he mau momona hōʻailona semantik. Hana lākou i nā polokalamu kele pūnaewele hou a ma nā wahi āpau e kākoʻo ʻia nā hiʻohiʻona OpenType.
This is incredibly efficient! Fonts can be resized, have any color, and have other stylings applied via CSS, like hover for instance. And fonts load incredibly fast. From a development standpoint, we didn't have to have our designer reproduce new social icons that were the same colors, size and style of the other ones. We simply had to utilize the HTML code for the LinkedIn icon, wrap it in an anchor tag, and away we went!
ʻO ka Symbolset Social he $ 3 wale nō a hele mai me nā kiʻi kaiaulu o kēia manawa:
Kudos to KA+A for such a cool implementation. I'm sure we'll find a ton of other opportunities to incorporate Symbolset icons into our own sites. Last note, they don't just have Social Icons, they've got several series of other fonts… er… symbols.