WEXALでサイトの表示崩れが起きる時の対処法|CocoonのCSS・Font Awesome崩れ実例

WEXALによるCSS読み込み最適化をパズルで表現した技術系イラスト。style.css、skin.css、Font Awesome、IcoMoonなどのCSS・フォントファイルが巨大なパズルピースとして並んでおり、一部のピースがズレたり欠けたりしている。未適用CSSやレイアウト崩れ、Font Awesome未読み込みによる□アイコン表示が発生している様子を描写。右側ではピンク髪の少女が崩れたピースを調整している。
WEXAL環境下においては様々な表示崩れが生じることがあります。 本記事では、WEXALが原因で生じる表示崩れの多くについて解決できる方法を紹介します。 採り上げるのはCocoonにおける実例となります。 ただし本質的に … 続きを読む:WEXALでサイトの表示崩れが起きる時の対処法|CocoonのCSS・Font Awesome崩れ実例

Font Awesomeが「□(豆腐)」になる原因と対処法 ~訪問者側・管理者側を切り分ける

Font Awesomeが文字化け(□豆腐)してしまって機嫌悪い技術者
SNSのアイコンが文字化けして「□」になってる! サイトを訪問してこんな現象に出くわしたことはありませんか? あるいはサイトを運営していて悩んだことはありませんか? こうした文字化けはネットスラングで「豆腐」と呼ばれてい … 続きを読む:Font Awesomeが「□(豆腐)」になる原因と対処法 ~訪問者側・管理者側を切り分ける
× 閉じる