フォントアイコン表示不具合の原因は重複読込＋α | 「フォント」カテゴリー

問題のコード

　状態:- 　閲覧数:1,568 　投稿日:2016-02-29 　更新日:2016-02-29

▼views/layout.php

<link href="/bootstrap/css/ligature-symbols-2.11/style.css" rel="stylesheet">

▼/bootstrap/css.php

<?php 
header("Content-Type: text/css; charset=utf-8");
$dirclient = "/var/www/w4c.work/design0.w4c.work/bootstrap/css";
$str = '';
if (is_file("$dirclient/ligature-symbols-2.11/style.css")) $str .= include("$dirclient/ligature-symbols-2.11/style.css");

対応

クライアントサイドの該当コードをコメントアウトしたら、これまでの不具合が嘘のように解消された

無料系日本語フォント

font-familyには游ゴシックを指定しない

順位	ページタイトル抜粋	％
1	フォントアイコン表示不具合の原因は重複読込＋α	96
2	UTF-8×IE8　フォント表示不具合	43
3	アイコン	30
4	アンカーポイントの追加	29
5	ドキュメントルート外のCSSファイル読込。～ 2018年	27
6	スマートフォン対応	25
7	無料系日本語フォント	24
8	画像の上にテキスト表示	24
9	SVGアイコンを探す旅	24
10	アイコンアニメーション化	23
11	Privateスマートフォンデザインルール	23
12	「使用できるソケットを待機しています」はクライアント側の問題？	22
13	空間的 / 可逆な JPEG ファイルの読み込みは実行されません	22
14	モバイルデザイン9 ／トップページリスト表示	22
15	昔のサイト	21
16	レスポンシブ／「size属性にブレークポイント設定 × vw指定」の複数組み合わせ表示確認は、嫌になるぐらい分かりづらい	21
17	ボタン候補2 ／「ボタン」エリア外で「テキスト」表示しても良いの？	21
18	Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい	21
19	iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト	21
20	モバイルデザイン6 ／フォーム	21
	2025/7/11 2:44 更新

順位

ページタイトル抜粋

％

フォントアイコン表示不具合の原因は重複読込＋α

UTF-8×IE8　フォント表示不具合

アイコン

アンカーポイントの追加

ドキュメントルート外のCSSファイル読込。～ 2018年

Privateスマートフォンデザインルール

「使用できるソケットを待機しています」はクライアント側の問題？

空間的 / 可逆な JPEG ファイルの読み込みは実行されません

モバイルデザイン9 ／トップページリスト表示

昔のサイト

レスポンシブ／「size属性にブレークポイント設定 × vw指定」の複数組み合わせ表示確認は、嫌になるぐらい分かりづらい

ボタン候補2 ／「ボタン」エリア外で「テキスト」表示しても良いの？

Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい

iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト

モバイルデザイン6 ／フォーム

2025/7/11 2:44 更新

順位	ページタイトル抜粋	アクセス数
1	鉄道会社毎のカラーコード \| カラーコード(色)	12
2	金融機関ブランドカラー／コーポレートカラー \| カラーコード(色)	10
3	「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 \| Google Chrome(ブラウザ)	9
4	「東京都」のカラーコード取得は難しい \| カラーコード(色)	8
4	Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない \| モバイルデザイン(デザイン)	8
4	RGBの種類／ビットカラー \| RGB(色)	8
4	「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 \| Chrome 拡張機能	8
5	RGB ⇔ Lab \| 色変換(色)	6
6	空間的 / 可逆な JPEG ファイルの読み込みは実行されません \| Photoshop CS3(Photoshop)	5
7	血の色／ #b30000 ／ #360800 ／ #ff0000 \| カラーコード(色)	4
7	「Chrome拡張機能」開発中に遭遇したエラー \| Chrome 拡張機能	4
7	「マウスオーバー」「ロールオーバー」「ホバー」の違い \| CSS	4
8	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	3
8	FontAwesomeでアイコンが□（四角）になって表示されない　Forbidden　 \| Font Awesome(フォント)	3
8	「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 \| 画像	3
8	「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) \| Font Awesome(フォント)	3
8	16進数カラーコード／ 2進数	3
8	「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 \| Chrome 拡張機能	3
8	効果を打ち消すスタイルシート \| CSS	3
8	Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない \| Google Chrome(ブラウザ)	3
	2025/7/11 1:01 更新

順位

ページタイトル抜粋

アクセス数

鉄道会社毎のカラーコード | カラーコード(色)

金融機関ブランドカラー／コーポレートカラー | カラーコード(色)

「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ)

「東京都」のカラーコード取得は難しい | カラーコード(色)

Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン)

RGBの種類／ビットカラー | RGB(色)

「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能

RGB ⇔ Lab | 色変換(色)

空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop)