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

フォント

問題のコード

 状態:-  閲覧数:2,058  投稿日: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には游ゴシックを指定しない



週間人気ページランキング / 8-12 → 8-18
順位 ページタイトル抜粋 アクセス数
1 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 4
1 Design 0 4
2 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 3
2 PNG画像透明化問題 | 画像 3
2 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 3
3 Chromeブックマーク(ブラウザ) カテゴリー 2
3 二次色(Secondary Color)とは? / アプリ内での色の使用 2
3 Chromeでリンク先ページを常に別タブで開くためには、「Ctrlキーを押しながらクリック」 | Google Chrome(ブラウザ) 2
3 「Google Chrome」を経由したダウンロード個人ルール。「HTTrack Website Copier」とパッケージ化されていない拡張機能「Save As MHT 20220426」の 2 種類 | Google Chrome(ブラウザ) 2
3 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 2
3 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
3 コンソールエラー / ブラウザ間差異 | ブラウザ 2
3 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 2
4 Fireworks 8(Fireworks) カテゴリー 1
4 HTMLエディタ カテゴリー 1
4 Chrome 拡張機能 カテゴリー 1
4 フォント変更履歴 1
4 MediBang Paint | ソフトウェア 1
4 三大「高クオリティ」「モックアップベクター素材」配布サイト 1
4 HTML5で、set_include_pathを用いると、先頭に謎の空白行ができる | HTML5(HTML) 1
2026/8/19 5:05 更新