こちらで悩んでいたこと。
他力本願で、WEBフォント font-awesomeを使うのか早いかなと。
テンプレート html
で、<head>の下に、↓コレ入れる。
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" rel="stylesheet"></link>
で、
<span class='pagelist-arrow'>の下、
▼
の代わりに、
<i aria-hidden="true" class="fa fa-bars fa-2x"></i> MENU
を入れる。
こんな表示できる。
MENU
他にも、飾り
http://fontawesome.io/examples/
サイズ fa-2x ～ fa-5x
回転 fa-spin fa-pulse
使える。
<i class="fa fa-spinner fa-spin fa-3x"></i>
いろいろアイコンフォント
とか
とか
http://fontawesome.io/icons/
0 件のコメント :
コメントを投稿