The new multi-weight, commercial icon font and web toolkit from the creator of Font Awesome. Leaner, meaner, & cleaner.
![Black Tie, the new multi-weight icon font from Font Awesome by Dave Gandy — Kickstarter](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4942bdbe2b8a437c0cbe7ef9be17e3929b70d1d/height=288;version=1;width=512/https%3A%2F%2Fksr-ugc.imgix.net%2Fassets%2F011%2F603%2F983%2Fa1cc71113f8ffe816a20c99fa04211bb_original.png%3Fixlib%3Drb-2.1.0%26crop%3Dfaces%26w%3D1552%26h%3D873%26fit%3Dcrop%26v%3D1463685227%26auto%3Dformat%26frame%3D1%26q%3D92%26s%3Db0d0e2e432e30d7214aed1ccb0839d94)
今はWebサービスがたくさん存在します。そうしたサービスのアイコンを自分のサイト上に載せたいと思うことは多々あります。一番多いのはFacebook/Twitterなどのソーシャルサービスのアイコンや、GitHubのアイコンです。 画像でも良いのですが、大きさや色を変えたいとなるとWeb Fontsの方が都合がいい場合もあります。そんなニーズにぴったりなのがStackiconsです。 Stackiconsの使い方 基本はBootstrap/FontAwesomeと同じくスタイルシートのクラス指定です。 <i class="st-icon-twitter st-shape-square"></i> st-shape-squareと付いているので分かる通り、この後ろを変えることで形を変更できます。 st-shape-icon:アイコンのみ st-shape-square:四角 st-shape-
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web Fontを使ったアイコン表示は幾つかありますが、基本はWebサイト上でアイコン代わりに使うことが多いと思います。もちろんそれでも有益ですが、もっと面白い使い方もできるのではないでしょうか。 今回はその一つとしてjQuery fontIconPickerを紹介します。フォームの入力項目としてWeb Fontを使うライブラリです。 jQuery fontIconPickerの使い方 一番基本的な使い方はドロップダウンだと思います。 <select id="myselect" name="myselect"> <option value="">No icon</option> <option>icon-user</option> <option>icon-search</opti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く