Font Awesomeの代替え版となるか!?オープンソースのアイコンフォント「Line - エンジニア・プログラマのソーシャルITメディア

2019/11/02 62 users プログラマ line アイコンフォント エンジニア href

◆ Line Awesome https://icons8.com/line-awesome 紹介 「Line Awesome」は、名前から分かる通りFont Awesomeをインスパイアしたオープンソースのアイコンフォントです。 1380以上のフリーフォントが無料で使えます。 <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awe... 続きを読む

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

2019/09/04 64 users アイコン Webクリエイターボックス 汎用性 多数 画像

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いません... 続きを読む

QiitaにおいてHTML要素の属性指定ができなくなりました - Qiita Blog

2017/06/20 76 users Qiita TEAM HTML アイコン HTML要素

Qiita の記事で class 属性を始めとする HTML 要素の属性指定ができなくなりました。なお Qiita:Team と Qiita の Organization ページでは今まで通り利用が可能 です。 背景 これまで Qiita では記事本文に class 属性を指定することが許可されていました。 そのため、例えば Font Awesome のアイコンを表示する要素（例: <i clas... 続きを読む

Font Awesomeで回転したいときfa-spinが便利 - Qiita

2015/04/20 97 users Qiita span span class

<p><span class="fa-spin">く <span class="fa-spin">る <span class="fa-spin">く <span class="fa-spin">る <span class="fa-spin">く <span class="fa-spin">る <span class="fa-spin">く <span class="fa-spin">る <span... 続きを読む

Webフォントで文字化けしたときのよくある原因と対処法 | Webデザインのタネ

2015/03/15 64 users タネ Webフォント フォントファイル 文字 webデザイン

ずいぶんと久しぶりの投稿です。最近仕事でFont AwesomeやGLYPHICONなどでアイコンなどでWebフォントを使う機会が増えてきました。 ですが、いざ人に確認してもらうと、Webフォントが文字化けして豆腐文字になってしまっていたり、謎の文字が出てきてしまったりと色んなケースで失敗してます。 今日は実際にやってみて文字化けした例を紹介します。 原因1 サーバーにフォントファイルをアップして... 続きを読む

SNSやWebサービスなどのロゴの色（ブランドカラー）を調べてみた｜Webpark

2014/08/11 106 users Webフォント アイコン Webpark うち 使い方

SNSなどのアイコンをWebフォントにするサイトが増えていると思います。Webフォントにするということはアイコンの色はこちらで指定する必要があります。ということでFont Awesome Iconsにあるアイコンの色を調べてみました。 で、調べていくうちに止まらなくなってきたので、Font Awesomeに限らず有名なロゴカラーを調べてみました。 Font Awesome Iconsの使い方等はこ... 続きを読む

[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation | コリス

2014/02/26 114 users コリス class Chr CSS GitHub

classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation Font Awesome Animation -GitHub 実際の動作は、下記ページで楽しめます。 Chr... 続きを読む

これは便利！アイコン型WebフォントのCDN「Font Awesome」｜Webpark

2014/01/13 123 users CDN Webpark

まず、以下のコードでWebフォントの呼び出します。 後は、表示したいところにコードを挿入するだけです。サイト内のアイコンをクリックするとコードが表示されます。 この基本形にクラスを追加すると色々とカスタマイズすることができます。 ちなみに「fa」は表示の基本となるスタイルで「fa-sitemap」はアイコンの種類を表します。スタイルの中身はこんな感じです。 .fa { display: inlin... 続きを読む

使いたいアイコンフォントを選んでWebフォントをカスタマイズ作成できるサービスいろいろ | memobits

2013/05/01 64 users memobits フォントファイル SVG アイコンフォント

アイコンフォントの中から使いたいものだけを選択してフォントファイルを作れるサービスを探してみました。SVGやEPSファイルをフォントに変換してくれるツールも。アイコンフォントの中から使いたいものだけを選択してフォントファイルを作れるサービスを探してみました。SVGやEPSファイルをフォントに変換してくれるツールも。 @kasumiiです。こんにちは。 サイトを作るとき、「Font Awesome」... 続きを読む

さまざまなアイコンフォントを組み合わせて、自分だけのフォントファイルを作成できる -Fontello | コリス

2012/08/23 65 users フォントファイル コリス Iconic Entypo アイコン

さまざまなアイコンフォントから、必要なアイコンだけを選択して、自分だけのフォントファイルを作成できるオンラインサービスを紹介します。 Fontello Fontelloで利用できるアイコンフォントは、現在のところ7種類です。 Entypo (CC BY-SA license) Font Awesome (CC BY-SA license) Iconic (SIL OFL) Typicons (CC... 続きを読む

200を越えるアイコンが揃ったBootstrap向けWeb Font「Font Awesome」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/06/15 295 users MOONGIFT アイコンパック アイコン ITエンジニア

Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 0 続きを読む