Search all the icons and match your project with a look and feel that's just right, including the all-new Sharp Solid Icons, now available in Font Awesome 6.
![Font Awesome Cheatsheet](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb85b8a5670fde148e8fd82fe04f6981fd0d3195/height=288;version=1;width=512/https%3A%2F%2Fimg.fortawesome.com%2F1ce05b4b%2Fopen-graph-search.png)
WEB アイコンフォントって何? フォントにはPCで使うフォントとサーバー上に存在するWEBフォントがあります WEBフォントは無料のものと有料のものがあります 日本語だと有料のしか今のところ見たことがありませんが 英語だと1000以上のWEBフォントが存在しているようです WEBフォント中でも特殊なのが WEBフォントアイコン 通常のフォントとは少し様相が違います WEBフォントアイコンは、文字ではなくアイコン 画像が表示されるフォントです 使い方も通常のフォントと違います 今回はWEBフォントアイコンの Font Awesome をCSSのcontent:””;で使う使い方の紹介です Font Awesome を CSS の content で使う方法 下準備 まずは、WEBをダウンロードもしくは CDNのものを使ってHTMLで読み込みます ダウンロードはこちらのページから出来ます h
このブログでも何度か細々登場してきたアイコンWebフォントの Font Awesome。使い方の基本を知っていることで、利用できる幅がかなり広がるので、今日はその使い方のと活用のための Tips を幾つか書いておきます。 Font Awesome, the iconic font designed for Bootstrap ※ なお、本エントリーはバージョン4.0.3をもとに書いているため、バージョンアップによって、掲載しているコードも変わっている可能性があります。利用前に、使うバージョンとそのスタイルを確認してから使うことをオススメします。 Font Awesome とは?Font Awesome は サイト上で使われるようなさまざまなアイコンを Webフォント として利用できるようにしたものです。フォントとして利用できるため、サイズや色などすべて CSS で調整して利用することができ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く