シンボルセット:このWebフォントを使用して任意のサイトにソーシャルアイコンを追加してください!

スペックSSSocialStatic

ウェブ上の事実上すべてのサイトがソーシャルを利用しています アイコン Twitter、Facebook、LinkedIn、その他のソーシャルアドレスへのリンクをウェブ上に表示します。 最新のブラウザはフォントを埋め込む機会を提供し、Webプレゼンスのデザインに無限の可能性をもたらします。

私たちはによって設計された美しいクライアントサイトに取り組んでいました KA + Aは、非常に成功しているブランディングおよびデザイン会社です。 私たちは多くのクライアントと提携してきました.彼らはブランディングとデザインを展開し、それをカスタマイズし、最適化し、クライアントのために統合します. 彼らのデザイナーは美しいサイトを構築するだけでなく、美しいコードも書いているので、素晴らしいことです。

ソーシャルアイコン

私たちのクライアントは、LinkedIn の画像とリンクをサイトの右下に追加するように依頼しました。 よく見てみると、全然イメージじゃない。 ツイッターやフェイスブックを表示していたフォントでした! いくつかの簡単なハッキングを行ったところ、彼らが Symbolset のソーシャル アイコンを実装していることを確認できました。

シンボルセット セマンティックシンボルフォントです。 これらは最新のブラウザやOpenType機能がサポートされている場所ならどこでも動作します。

これは信じられないほど効率的です! フォントのサイズを変更したり、任意の色を設定したり、CSS を介して他のスタイル (ホバーなど) を適用したりできます。 そして、フォントは信じられないほど速くロードされます。 開発の観点から言えば、デザイナーに他のソーシャル アイコンと同じ色、サイズ、スタイルの新しいソーシャル アイコンを再作成してもらう必要はありませんでした。 LinkedIn アイコンの HTML コードを利用し、アンカー タグでラップするだけです。

ソーシャルシンボルセットはわずか3ドルで、現在のソーシャルアイコンが付属しています。
スペックSSSocialStatic

このようなクールな実装を行った KA+A に感謝します。 Symbolset アイコンを自分のサイトに組み込む機会は他にもたくさんあると思います。 最後に注意してください。彼らはソーシャル アイコンだけでなく、いくつかの一連の他のフォント…えーと… シンボルを持っています。

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.