メモ, 検証・実験

Font Awesome なアイコンが足りないとして

くだらない話だが一瞬気付かなかったのであった。

ものによるけど「回転」しちゃえば事足りる場合もあるわけだよね。矢印系なんかがまさしくそう:

 1 <!-- ... -->
 2 <link
 3   rel="stylesheet"
 4   href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
 5 
 6 <!-- ... -->
 7 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(-135deg)"></i>
 8 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(-90deg)"></i>
 9 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(-45deg)"></i>
10 <br/>
11 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(180deg)"></i>
12 <i class="fa fa-expand fa-2x" aria-hidden="true" title="fit"></i>
13 <i class="fa fa-arrow-right fa-2x" aria-hidden="true"></i>
14 <br/>
15 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(135deg)"></i>
16 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(90deg)"></i>
17 <i class="fa fa-arrow-right fa-2x" aria-hidden="true" style="transform: rotate(45deg)"></i>

こんな感じになる:

ちなみに「欲しいものがない」だけど…、SNS アイコンだとか PAYMENT 関係なんぞがえらい充実している一方で、「一般的な操作アイコン」が意外と欠けていて。clear、purge、collapse、みたいなもんておそらく「頻出」だと思うんだけど、clear、purge に近いのは eraser しかなくて、collapse はないのに expand はある、という具合。なんか自分で要望出しちゃいたい気分にもなるわね。(きっと「だいたいはジェネリックな矢印とか十字とか丸で済むだろ」てノリなんだと思うけれど、「コンセンサスが結構出来上がっているはずのものたち」が結構ないのがねぇ。)

 twitter0  はてブ  Facebook0


Related Posts