紺碧の空3

北海道をノマド的に生きる日々の覚書き

WEB全般 ブログツール 技術覚書

Font AwesomeのSolidタイプのフォントでハマった話

投稿日:2018年12月16日 更新日:

font_awesome_memo

このブログでもFont Awesomeで、H1タイトルの前に、電球マーク出してます。

どうも、CSSに同じように書いても、出てくるアイコンと出てこないのがあって・・

Freeとかの差?と最初思いましたが、「Solid」かどうか。の違いっぽく。

色々調べると、

font-weight: 900;

を指定すればいい、と言っている方が多かったのですが、それでもダメで・・・

結局、上画像のように、headタグに貼る呪文を変えたら、font-weightを指定しなくても出るようになりました。

https://fontawesome.com/start

↑このページから取得。

結構、仕様変更激しいのかな?

2019/1/12 追記

他のアイコンで表示されないものがあったので、head部のコードを新しくしたら・・・

今度は、soldのアイコン表示されないところが出てきました。

クラス指定のところは出るんだけど、cssのところが・・・

結局、以下の指定を追加したら、表示されました。

font-weight: 900;

この前までは、指定しなくても表示されたのに!

便利だけど、いろいろ難しいな💦

スポンサーリンク

スポンサーリンク





スポンサーリンク

スポンサーリンク





-WEB全般, ブログツール, 技術覚書
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

弥生の青色申告をコンピュータから削除してしまった

一個前の記事は、まあ困ってる誰かの役に立てたらなぁという意味合いだったけど、こっちは自分のはけ口だなぁ。 しかしなんでっ。弥生会計さん。毎年毎年毎年毎年!こうなわけ?!F2さんだってこんなヘンなことし …

no image

新しいページタイトルの後ろにnewマークを表示する

wordpressを使い始めて、デフォルト機能にありそうなのに無くて、驚いた機能が「new」マークの表示でした。新しい記事のタイトル横に「new」とか「up」とか表示して、一定期間が経過したら消える、 …

パーマリンクの設定をページIDに戻す・・・

せっかくだから、愛キャッチ、おっと、誤変換。アイキャッチ画像とやら言う、大き目のスクエアアイコンが出るテンプレートにしてみたのだが、今っぽいし。・・・みなさんこれ、毎回どっかから持って来てはるんですか …

no image

トップページに特定のカテゴリだけ表示、修正編

ツꀀSimply Exclude は、↓この方の記事でもあるように、カテゴリ名選択時の表示が変になってしまう。 [WordPress プラグイン] Simply Exclude – 特定カ …

no image

simple tweet をやめてWP Tweet Button 設置

この春以降・・・いつのころからか、simple tweetが動作しなくなってしまった。結構調べたのだけど、原因不明。他のプラグインとの干渉?もしくはOAuth設定が上手くいっていないか・・・ いずれに …