• はてブのボタンはIcoMoonで×→公式で

    2020/05/23
  • ※当サイトはアフィリエイト広告を利用しています。
  • cssで良いかと思えば

    Font Awesomeにもないので、みなさまの記述にある、cssで指定する方法。はじめ、そのまま使用していたので、そもそも本家のアイコンを見ないで利用していた。

    自分の方法が悪かったのか、他のブラウザで確認すると、セリフ体になってしまった。これでははてブ感が全然ない。

     

    social button

    social button

    似ているようで似ていない

     

    hatebu

    はてブアイコン

     

    このフォント、意外となかった。webフォントで、と思えど似ているものがなく。前述のcss指定でも、全く同じにはなっていなかったとも気づく。

     

    hatebu2

    css指定の時

     

    意外と、ビックリマークの下が丸、上がゴシックのようなものはないもので、よくできているな、と感心。

    IcoMoonにあった

    サイト軽量化の時、IcoMoonを使うことになったわけで、そして、IcoMoonオリジナルのアイコンにはてブがある!他のSNSアイコンもあるので、全てそちらに移行することにした。

    サイトは軽くなるし、本来のロゴを使用できているので、よかったなと落ち着く。

    結果はページ下部のSNSボタンをご参照ください。

    追記:そもそも公式にあった

    ロゴ配布サイトではなく、公式サイトからダウンロードしようと見直していたら、ちゃんと、公式サイトにありました。

    なんて遠回り。やはり何事も、正式なところから拝借しましょう。

Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。