サポート » テーマ » スマホ表示の文字化けとフォントについて

  • 解決済 nosuketto

    (@nosuketto)



    スマホ表示について質問させて下さい。
    テーマ:Exray(バージョン:1.4.3)

    1、投稿した記事欄に『categories,comment』の文があるのですが、
    PC表示は問題なく、スマホ表示の際に文字化けしてしまいます。

    以前は問題なくスマホでも表示されていたのですが、
    テーマをバージョンアップ後、文字化けしてしまいます。

    子テーマとexray-theme-templateはバージョンアップ前のものを
    利用してます。

    2、また、上記と同様にPC表示は全てのフォントがメイリオなのですが、
    スマホだと、タイトルと投稿タイトル、ウィジェットに使用している
    アーカイブや最近の記事という文字のみメイリオ以外のフォントになってしまいます。

    こちらもバージョンアップ前はスマホでも全フォントがメイリオでした。

    上記のスマホ表示を直したいのですが、編集する際はスタイルシートなどから、
    編集するのでしょうか。

    お手数をおかけして、すみませんが、ご教授いただけますと大変助かります。
    よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • nosuketto

    (@nosuketto)

    一日経って確認したのですが、PC表示も文字化けとフォントが
    メイリオ以外になってしまってました。

    おそらく、テーマの更新によるものの可能性がありますが、
    改善案などありましたら、ご教授をお願い致します。

    Hinaloe

    (@hnle)

    一般的にはスマートフォンにはメイリオはインストールされてません。よって代替フォントとしてデフォルトフォント等が当たるのは当たり前のことです。

    nosuketto

    (@nosuketto)

    悪戦苦闘して、色々いじったら直りました。

    文字化けもフォントが問題だったようです。
    直った方法として、カスタムCSSにて下記を入力したらPC、スマホ共にメイリオに戻りました。

    #header-wrap .logo-container .site-title,
    #header-wrap .logo-container .site-title a {
    font-family:’ヒラギノ角ゴ Pro W3′, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, ‘MS Pゴシック’, sans-serif;
    }

    ・Hinaloeさん
    教えていただき、ありがとうございます。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「スマホ表示の文字化けとフォントについて」には新たに返信することはできません。