fontawesome

Nuxt.jsにてFontAwesomeを利用する方法

Nuxt.jsにてFontAwesomeを利用する方法を説明します。

下記実行します。

yarn add @fortawesome/fontawesome-free-webfonts

※「fontawesome・・・」ではなく、「fortawesome・・・」なのでご注意を。

nuxt.config.jsのcssに追記します。

css: [ //下記追記 '@fortawesome/fo

もっとみる
『珈琲 まるも』松本民芸家具も楽しめる素敵な喫茶店です
1

快調だと思ったら、時々つまらないところでつまずく。今日もTWSNMPでアイコン選択部分をhtmlのselectで実現しようとしたら、option内に、FontAwesomeが表示されない
https://qiita.com/knt45/items/736e765d1463baf30df7
ということのようだ、別の方法にした。

TWSNMPの作り方(その4)

TWSNMPマネージャのメイン画面には、ノードの配置、状態を表示するマップ部分、ノードのリストを表示する部分、ログを表示する部分が必要です。ノードのリストやログは、HTMLで作ることができますが、マップは、そういうわけにはいきません。

マップの表示はどうする?

マップを表示するためには、次のようなことが必要です。

・ノードを示すアイコンを平面の任意の位置に表示する
・ノードの状態でアイコンの

もっとみる

Font Awesomeのトラブル原因まとめ

FontAwesomeとは

Webサイト上でフォントと同じように表示することのできるウェブアイコンフォントサービスで、無料で利用できるプランと、有料のPRO(全種類のアイコンが使用できるほか複数のウェイトの指定も可能)プランがあり、現在最新バージョンとしてFontAwesome5がリリースされています。

使用するにはCDN(ざっくり言うとデータストリーミングのようなもの)を利用する方法と、アイ

もっとみる
(*´︶`*)♡Thanks!
2