●一覧画面でタイトルの頭にアイコンをつけることにした

経緯と実践

（それをsettingsにインポート）

備考

どういう時にどのアイコンを使うものか、というのは知識としてそんなに知らないので「多分こんな感じだろう」というフィーリングで適用

CSS

code:style.css

font-family: 'Font Awesome 5 Free';

font-weight: 900; /* 必須 */

font-size: 1.1rem;

padding-right: 0.2rem; /* 右余白 */

top: 0.9rem; /* 縦位置調整 */

display: inline-block;

position: absolute; /* 冒頭の記号に被せる時に記述 */

content: ' \'; /* \の後にアイコンのunicode入力 */

color: ; /* 適宜色指定 */

}

補足

アイコンをタイトルの手前に置く時は記述しない（行ごと削除する）

アイコンをタイトルの頭と重ねる時は記述する

つまりタイトル頭の「●」とか「▽」とかの記号を潰したいなどの時

例えばこのプロジェクトでは「●」をインフォメーションマークのアイコンで潰している