特に何をしたという覚えはないのに、突如、疑似要素でFont Awesome 5を使っていたものがAMPだけ表示されなくなりました。
あの□で表示されるやつ。原因は意外なところにあって、AMPってそういう仕様なのか? それどうにかしてくれないか? ってちょっとイラついた。
続きを読むアイコンを文字と同じように扱うアイコンフォントにFont Awesomeがあります。
Font Awesomeは人気があり、無料で商用利用もできます。また、Twitter, Facebook, LINEなどのアイコンもあります。
より多くのアイコンを使いたいときは有料になります。無料版でも十分な数がそろっています。
そんなFont Awesomeについて情報を発信します。
自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人向けです。
経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。
むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。
特に何をしたという覚えはないのに、突如、疑似要素でFont Awesome 5を使っていたものがAMPだけ表示されなくなりました。
あの□で表示されるやつ。原因は意外なところにあって、AMPってそういう仕様なのか? それどうにかしてくれないか? ってちょっとイラついた。
続きを読むFont Awesomeのバージョン6がリリースされました。が、フリー版では使えない。まさか、ずっとなのだろうか?
バージョン5のアップデートは頻繁に行われているので、フリーで使いたければ5系でってこと?
今まではそんなことなかったので、今後どうなるのかさっぱり検討がつきません。
続きを読むWebアイコンフォントにFont Awesome 5でCSSファイルを読み込むのに、CDNが一番かんたんな方法ですが、オフィシャルでCDNの配布を辞めそうだったところを覆して復活しました。
辞めるとなるといろいろ不都合があったんですが、心配はいらなくなります。
続きを読むアイコンフォントのFont Awesomeがはカウント作成が必要になりました。
バージョン管理を自動化するためです。
これはバージョン4系、5系の二つとも。アカウント作成でなにが変わったのか? アカウントは何を管理して何を設定できるのか? を説明します。
続きを読むアイコンフォントのFont Awesome 4の使い方が新しくなっています。
アカウント作成が必要になりました。Font Awesomeのサイトでログインし、アカウントの設定画面でバージョン変更をかんたんにできるようになっています。
HTMLの<head>の修正は不要です。
続きを読むアイコンフォントのFont Awesomeはアカウント作成が必要になりました。
かんたんにできたCDNのCSS配信をやめて『Font Awesome Kits』というJavaScript配信に変えます。
アカウント作成から『Kit』をつかった方法をかんたんに説明します。
続きを読む