サポート » 使い方全般 » 子テーマでブログ本文の日本語のみフォントを変更したい

  • 解決済 NCIT

    (@ncit)


    こんばんは。昨日Wordpressを始めたばかり、CSSLの知識もない初心者です。今までアメブロを運営していたのですが、こちらに移すことを決め、現在移行作業中です。

    昨日から10時間以上、あれこれ検索して試しているものの、うまくいかないので質問させてください。

    海外のサイトでテーマを購入しましたが、英語フォントが主体で作られているものですので、日本語が綺麗ではないため、記事本文の日本語の部分のみフォントを変更したいと思っています。日英両方で運営するブログですので、英語は現在のフォントを優先させたいと思っています。

    子テーマを作成し、Activateさせるところまではなんとか完了し、子テーマのStyle.cssに以下を打ち込んでみましたが、フォントに変化がありません。

    /* =Fonts
    ————————————————————– */
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
    font-family: 游ゴシック体, ‘Yu Gothic’, YuGothic, ‘ヒラギノ角ゴシック Pro’, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, Osaka, ‘MS Pゴシック’, ‘MS PGothic’, sans-serif;
    }

    そこで親テーマのStyle.cssを全コピーし、一個一個フォントの部分を探して「font-family: 游ゴシック体, ‘Yu Gothic’, YuGothic, ‘ヒラギノ角ゴシック Pro’, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, Osaka, ‘MS Pゴシック’, ‘MS PGothic’, sans-serif;」に書き換えるという地道な作業も試しましたが、全く変化なし。

    親テーマにはあちこちに「!important`」が埋め込まれており、これを全削除するなども考えたのですが、素人判断でぐちゃぐちゃになってしまっては…と思い留まりました。

    こんなざっくりとした相談で申し訳ございませんが、もしどなたか解決法がお分かりになる方がいらしたら、ぜひともお力を貸していただけないでしょうか。もう何十時間も取り組んでいるのですが一向に解決せず…。よろしくお願いいたします。

4件の返信を表示中 - 16 - 19件目 (全19件中)
  • トピック投稿者 NCIT

    (@ncit)

    戻しました。ありがとうございました。

    Honda

    (@rocketmartue)

    問題がややこしくなりそうなので、cssの読み込み順の件は置いといてフォントの指定についてですが、

    日本語が綺麗ではないため、記事本文の日本語の部分のみフォントを変更したい

    ということですので、親テーマのstyle.cssで日本語フォントに変更している部分を一旦もとに戻します。

    /* =Fonts
    -------------------------------------------------------------- */
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
    	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    }

    のように何か所か変更されています。

    記事本文の日本語の部分のみフォントを変更する場合は、font-familyを英語フォント・日本語フォント・sans-serif(又はserif)の順に指定すれば、日本語部分のみ日本語フォントが適用されます。
    「CSS 合成フォント」とか「CSS 複合フォント」で検索すると、いろいろ情報が出てくると思います。
    font-family: "Century Gothic", AppleGothic, Arial,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    フォントの優先順位は、先頭から順番に適用されます。Macでヒラギノ角ゴを表示させたい場合は、游ゴシックと順番を入れ替えて下さい。
    Osaka・MS ゴシック・MS Pゴシックは、読みにくいので外します。

    カスタムCSSに、親テーマのstyle.cssから、font-familyの指定がある部分を全てコピペして、sans-serif(又はserif)の前に日本語フォントを記入してください。
    全部で四十数か所あるはずです。
    テキストエディタを使って、font-familyを検索すれば簡単に探せますよ。

    トピック投稿者 NCIT

    (@ncit)

    RocketMartueさん

    ありがとうございます。43箇所中3箇所だけでしたが、戻しました。

    また、フォントの優先順位についても教えていただきありがとうございます。

    引き続き子テーマが反映される方法を探します。

    トピック投稿者 NCIT

    (@ncit)

    コメントをくださった皆様、ありがとうございました。一週間経っても解決しなかったので、違うテーマを購入しました。そちらはうまくいきましたので、解決済みとさせていただきます。ありがとうございました。

4件の返信を表示中 - 16 - 19件目 (全19件中)
  • トピック「子テーマでブログ本文の日本語のみフォントを変更したい」には新たに返信することはできません。