このサイトの記事上下にあるTwitterやFacebook、グーグルプラス、LINEなどのシェアボタンにWebフォントを使ってみました。Google+はPC表示までウィンドウザイズを広げると現れます。 こういったボタンは画像で作ると簡単だけど、拡大縮小でボヤケたり、サイズの変更ができなかったりするのでCSSで作ったほうが綺麗です。SEO的には画像を使わないことで、表示の高速化にも役立ちます。 今回使ったウェブフォントは、「Ligature Symbols」です。 Twitterのアイコン「Twitter」はもちろん、「LINE」や「はてなブックマーク」のアイコンまでフォントとして使えるようになります。 導入の仕方 Ligature Symbols 上記サイトに移動し、いちばん下のほうにある「Download」ボタンでZIPファイルをダウンロードします。 解凍したらサーバーに上げる 解凍した