スポンサーリンク


Read Article

【el plano:010】DigiPressテーマ よく使うアイコンフォント

【el plano:010】DigiPressテーマ よく使うアイコンフォント
アイキャッチ画像はこちらを使用させていただきました。


「el plano」には「アイコンフォント」と呼ばれるものが含まれていて、簡単に表示することができます。

この記事では、よく使うアイコンフォントについて記載しています。


スポンサーリンク

よく使うアイコンフォント一覧


DigiPressのフォントマップページで表示可能なフォント一覧を確認することができます。


しかし、このページにアクセスして表示したいフォントを見つけるのも一手間です。アイコンフォントの覚え書きとして、よく使うものをこの記事で共有したいと思います。

下記テーブルの右側には、私が併用しているWEBフォント「Font Awesome」を参考に載せてあります。


DigiPress
Font Awesome

DPアイコンフォント名FAアイコンフォント名
icon-linkfa-link
icon-new-tabfa-external-link
icon-amazonfa-amazon
icon-youtubefa-youtube
icon-applefa-apple
icon-windowsfa-windows
icon-updatefa-refresh
icon-yenfa-jpy
icon-down-lightfa-arrow-down
icon-downloadfa-download
icon-written-docfa-file-text-o
icon-right-circledfa-arrow-circle-right
icon-attentionfa-exclamation-triangle
icon-info-circledfa-exclamation-circle

使用したアイコンは、順次掲載してゆきたいと思います。

フォントサイズ用セレクタ


フォントサイズ指定:ft8px~ft100px
※35ピクセル以降は、5ピクセルずつの指定

ft8px

ft9px

ft10px

ft11px

ft12px

ft14px

ft16px

ft18px

ft20px

ft25px

ft30px

ft35px

ft40px

ft100px




【関連記事】


URL :
TRACKBACK URL :

LEAVE A REPLY

*
*
* (公開されません)

Return Top