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

スペックSSSocialStatic

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

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

ソーシャルアイコン

クライアントから、LinkedInの画像を追加してサイトの右下にリンクするように依頼されました。 よく見てみると、まったく画像ではないことがわかりました。 TwitterやFacebookを表示していたフォントでした! 簡単なハッキングを行うと、Symbolsetからソーシャルアイコンが実装されていることがわかりました。

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

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

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

このようなクールな実装に対するKA + Aへの称賛。 Symbolsetアイコンを自分のサイトに組み込む機会は他にもたくさんあると思います。 最後に、ソーシャルアイコンだけでなく、他の一連のフォント…えー…シンボルもあります。

おわりに

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