iPhoneで記事タイトルだけ游ゴシックが反映されません。

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など iPhoneで記事タイトルだけ游ゴシックが反映されません。

このトピックには7件の返信が含まれ、1人の参加者がいます。1 週、 1 日前 かうたっく さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #57342

    たまご

    こんにちは。
    最近ブログを始めたばかりの初心者です。
    色々カスタマイズをしてみたのですが、iPhoneで見た時、トップページの記事タイトル(サムネイル画像の横に来るやつ)だけフォントが反映されません。
    個別記事に行くときちんと游ゴシックになっているのですが・・・
    一応、
    {
    font-family: YuGothic, ‘游ゴシック’, ‘Hiragino Kaku Gothic ProN’, Meiryo, ‘游ゴシック’, sans-serif;
    }
    というのをフォントが関係しそうなところに入れてみてはいるのですが・・・
    何かアドバイスをいただけますでしょうか。
    ブログURLは
    ttp://tamagokakegohan.net
    になります。
    よろしくお願いいたします。

  • #57355

    かうたっく

    お使いのiPhoneでも游ゴシックが見れる・表示されるんですね。

    該当箇所にはhead内に(カスタマイザーか何か)でスタイル指定されてます。そのフォントがないからbodyのフォントファミリーが表示されてる気もします。

    #post-156 h1,#post-156 h2,#post-156 h3,#post-156 .entry-title {
                    font-family: "はるひ学園";
                }
    
                #post-156 h4,#post-156 h5,#post-156 h6 {
                    font-family: "はるひ学園";
                }
    
                #post-156.hentry {
                    font-family: "シネマレター";
                }
    
                #post-156 strong,#post-156 b {
                    font-family: "竹 B";
                }
    
                #post-102 h1,#post-102 h2,#post-102 h3,#post-102 .entry-title {
                    font-family: "はるひ学園";
                }
    
                #post-102 h4,#post-102 h5,#post-102 h6 {
                    font-family: "はるひ学園";
                }
    
                #post-102.hentry {
                    font-family: "シネマレター";
                }
    
                #post-102 strong,#post-102 b {
                    font-family: "竹 B";
                }
    
                #post-50 h1,#post-50 h2,#post-50 h3,#post-50 .entry-title {
                    font-family: "はるひ学園";
                }
    
                #post-50 h4,#post-50 h5,#post-50 h6 {
                    font-family: "はるひ学園";
                }
    
                #post-50.hentry {
                    font-family: "シネマレター";
                }
    
                #post-50 strong,#post-50 b {
                    font-family: "竹 B";
                }

    あと、投稿記事などの見出しhタグと目次。それと段落pタグに游ゴシックなど指定がはいってるけど、該当箇所には指定がないようです。

    .entry-title.entry .entry-titleまたは#list .entry .entry-titleで指定すれば反映すると思います。

    全てのフォントファミリーを変更しようと思うならbodyを指定して親テーマの上書きを試すのも良いかもしれないです。

  • #57379

    たまご

    カウタック様
    返信ありがとうございます。

    親テーマの方に

    #list .entry .entry-title{
    font-family: YuGothic, ‘游ゴシック’, ‘Hiragino Kaku Gothic ProN’, Meiryo, ‘游ゴシック’, sans-serif;
    }

    を挿入したところ、無事に反映されました!
    ありがとうございます!

  • #57382

    かうたっく

    親テーマに書くと上書きされて消えてしまう事も考えられます。

    上記の長いコードは不要そうなので削除して、子テーマに書いたほうがよさそうですよ。

    あとは#57355この通りかと思われます。

  • #57408

    たまご

    かうたっく様
    引き続きのご提案、ありがとうございます。
    今日になって子テーマのstyle.cssに
    body{
    font-family: YuGothic, ‘游ゴシック’, ‘Hiragino Kaku Gothic ProN’, Meiryo, ‘游ゴシック’, sans-serif;
    }
    を書いたらきちんと反映されました。
    昨日はbodyも#list .entry .entry-titleも無反応だったのですが・・・
    とりあえず一安心です。
    ただ#57355の
    #post-156〜
    というコードが見つかりません。どこに入っているのでしょうか?
    あと「上記の長いコード」というのは#post-156〜のことでしょうか?
    初心者丸出しで申し訳ありません。
    もともとの問題は解決しましたのでもしお手すきであればご教授お願いいたします。

  • #57412

    かうたっく

    キチンと反映したようで何よりです^^

    #57355の
    #post-156〜
    というコードが見つかりません

    ・外観 カスタマイズ より、 追加 CSS
    ・typesquare_css と聞いて何か記憶がありますか?プラグイン?エックスサーバーのプラグインか何か
    ・カスタムCSSとか導入して、記事単位でCSSをあてているとか

    この辺りかも知れません。違ったらフォント系の何かで設定されたかと思われます。

  • #57464

    たまご

    かうたっく様
    お返事遅くなりました。度々ありがとうございます。
    #post-156〜はエックスサーバーのプラグインだったようです。
    すっきりしました。
    ありがとうございました!

  • #57475

    かうたっく

    プラグインで発見されましたかぁ^^
    解決されたようで、何よりです❦

トピック「iPhoneで記事タイトルだけ游ゴシックが反映されません。」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)