「ソーシャルにシェアするときのアイコン」をWebフォントを利用してチャチャッと配置する方法｜男子ハック

最近流行しているWebフォントってやつを男子ハックでも使ってみました。いまいち便利さを理解できていなかったのですが、実際にソーシャルシェアボタンを作ってみて感動。またひとつWebデザインのハードルが下がりました。 Webフォントでできることそのまま使えばどんな環境でも同じデザインでかっこいいさらに普通のテキストと同様にCSSによるデザイン変更が可能CSSで文字色をつけたりできて、CSS3で影をつけたり、ホバーで色を変えたり、回転したりできるサイトの雰囲気をオリジナルにするために「コンテンツの文字列」や「見出し」にWebフォントを使っている例が多いと思いますが、Webフォント自体がアイコンになっているWebフォントが配布されているのでこういったものを使うとボタンのデザインをしなくてよかったり、デザインの変更が楽だったりします。 導入例例えばテキストで「f g t v」と打ってCSSでゴニョゴ

[abeshin22]

オリジナルのソーシャルボタンはクリック率的にどうなんでしょうね→「ソーシャルにシェアするときのアイコン」をWebフォントを利用してチャチャッと配置する方法 | 男子ハック

[oidyjf]

#ソーシャルメディア #Web制作

[masterpeace21]

こりゃ、面白い！RT @JUNP_N: 「ソーシャルにシェアするときのアイコン」をWebフォントを利用してチャチャッと配置する方法