サポート » テーマ » テーマGraphyのフォントの変更方法について

  • 解決済 okomeyasan

    (@okomeyasan)


    過去のトピックなどを参考にしまして
    他のテーマのフォントを変更することができるようになりましたが、
    テーマGraphyのフォントを変更することができません。

    Graphyバージョン: 2.0.3

    子テーマを作成し、子テーマのsyle.cssに下記を追加しても
    フォントファミリーとフォントサイズが変更することができません。
    親テーマのsyle.cssを直接書き換えても同様です。
    色の変更はすることができます。

    【親テーマの元々の記述】

    /* Base */
    body {
    	color: #333;
    	font-family: 'Lora', serif;
    	font-size: 17px;
    	line-height: 1.6;
    	word-wrap: break-word;
    }

    【子テーマのstyle.cssへ新たに追加】

    body {
    	color: #5656ff;
    	font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”游ゴシック”,YuGothic,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif;
    	font-size: 20px;
    	line-height: 1.6;
    	word-wrap: break-word;
    }

    ちなみにGraphy Proというのが有料版であるのですが、そもそも無料版ではフォントファミリーとフォントサイズの変更はできないのでしょうか?

    お知恵を貸していただきますと大変助かります。
    よろしくお願い申し上げます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんばんは、テーマ作者です。

    子テーマのstyle.cssよりも親テーマのcss/ja.cssが後に読み込まれているために、ja.cssの内容に上書きされているのだと思います。

    子テーマのstyle.cssをja.cssよりも後に読み込むよう設定するか、子テーマのstyle.cssに!importantを使えば変更できると思います。

    どうぞお試し下さいませ。

    ありがとうございました。大変助かりました。

    子テーマのstyle.cssに下記を新たに記述することで
    フォントファミリーとフォントサイズを変更することができました。

    #content {
    	font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif ;
    font-size: 20px;
    }
    
    h1, h2, h3, h4, h5, h6, .site-title {
    font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif !important;
    font-size: 20px;
    }
    
    .main-navigation{
    font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif ;
    font-size: 20px;
    }

    #contentは、親テーマのheader.phpの20行目に記述されていました。
    h1, h2, h3, h4, h5, h6, .site-titleについては、!importantを使用しないと変更できませんでした。

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「テーマGraphyのフォントの変更方法について」には新たに返信することはできません。