ECサイト構築する際にお役立ちなアイコンフォント。
ありとあらゆる種類の決済関連のアイコンフォントが詰め込まれています。
クレジット決済関連アイコンフォント「PaymentFont」
VISA , American Express , MasterCardとよく使われているものからPayPal や Amazonまで

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

つかいかた
ダウンロードすると、CSSフォルダとFontフォルダとライセンスについてなどのもろもろのファイルが入っています。
その中の、CSSフォルダの中にあるpaymentfont.min.cssファイルとFontフォルダをサーバにアップロードして、header内に
1 |
<link href="../css/paymentfont.min.css" rel="stylesheet"> |
と書いて、あとは使いたいところに
1 |
<span class="pf pf-paypal"></span> |
と記載するだけです。
ライセンスは、フォントはSIL OFL 1.1で、CSSはMITです。
海外のものが多いですが、ここまで種類が豊富なものはなかなかないのではないかなと思います。
こちらを見ると、もともとは WooCommerce のプラグインとして作られたみたいですね
完全にわたしの備忘録ですが、ECサイト関係の方や気になる方はぜひみてみてください。