
「el plano」には「アイコンフォント」と呼ばれるものが含まれていて、簡単に表示することができます。
この記事では、よく使うアイコンフォントについて記載しています。
よく使うアイコンフォント一覧
DigiPressのフォントマップページで表示可能なフォント一覧を確認することができます。
しかし、このページにアクセスして表示したいフォントを見つけるのも一手間です。アイコンフォントの覚え書きとして、よく使うものをこの記事で共有したいと思います。
下記テーブルの右側には、私が併用しているWEBフォント「Font Awesome」を参考に載せてあります。
DigiPress
Font Awesome
DPアイコン | フォント名 | FAアイコン | フォント名 |
---|---|---|---|
icon-link | fa-link | ||
icon-new-tab | fa-external-link | ||
icon-amazon | fa-amazon | ||
icon-youtube | fa-youtube | ||
icon-apple | fa-apple | ||
icon-windows | fa-windows | ||
icon-update | fa-refresh | ||
icon-yen | fa-jpy | ||
icon-down-light | fa-arrow-down | ||
icon-download | fa-download | ||
icon-written-doc | fa-file-text-o | ||
icon-right-circled | fa-arrow-circle-right | ||
icon-attention | fa-exclamation-triangle | ||
icon-info-circled | fa-exclamation-circle |
使用したアイコンは、順次掲載してゆきたいと思います。
フォントサイズ用セレクタ
フォントサイズ指定:ft8px~ft100px
※35ピクセル以降は、5ピクセルずつの指定
ft8px
ft9px
ft10px
ft11px
ft12px
ft14px
ft16px
ft18px
ft20px
ft25px
ft30px
ft35px
ft40px
ft100px
【関連記事】
LEAVE A REPLY