money-card

ECサイト構築する際にお役立ちなアイコンフォント。
ありとあらゆる種類の決済関連のアイコンフォントが詰め込まれています。

クレジット決済関連アイコンフォント「PaymentFont」

VISA , American Express , MasterCardとよく使われているものからPayPal や Amazonまで

payment-i

下の図はサンプルをキャプチャしたものですが、色を変更したり、背景色を変えてみたりするとこんな感じ。

payment-i-1

つかいかた

ダウンロードすると、CSSフォルダとFontフォルダとライセンスについてなどのもろもろのファイルが入っています。

その中の、CSSフォルダの中にあるpaymentfont.min.cssファイルとFontフォルダをサーバにアップロードして、header内に

と書いて、あとは使いたいところに

と記載するだけです。

ライセンスは、フォントはSIL OFL 1.1で、CSSはMITです。


海外のものが多いですが、ここまで種類が豊富なものはなかなかないのではないかなと思います。

こちらを見ると、もともとは WooCommerce のプラグインとして作られたみたいですね

完全にわたしの備忘録ですが、ECサイト関係の方や気になる方はぜひみてみてください。

ADVERTISEMENT

Author:

follow FacebookPage

当ブログがお気に召しましたら是非いいね!をお願いします!

Follow Me

閲覧頂きありがとうございました:)

Message

トップへ戻る