WordPressテーマSANGOの質問

フォントの変更と文字間の変更がしたい(Webフォントの利用)

アバター
snb

お世話になります。wordpress初心者ですがSANGOを導入させていただきました。
全体的にフォントを変更したいと考えたのですが、どうしても反映されず質問させていただきました。内容としては日本語をNoTo Sans JP Regular 400とMedium 500に欧文をJosefin Sans 400とSemi-bold 600に変更したく思い下記のように子テーマのfunctions.phpに記入しました。
//Google fontsを変更
function register_googlefonts() {
wp_deregister_style(‘sng-googlefonts’);//初期設定を解除
wp_register_style( ‘sng-googlefonts’, ‘///fonts.googleapis.com/css?family=Josefin+Sans:400,600|Noto+Sans+JP:400,500’, array(), ”, ‘all’ );
wp_enqueue_script(‘sng-googlefonts’);
}
add_action(‘wp_enqueue_scripts’, ‘register_googlefonts’);
//END Google Fontsを変更

スタイルシートには指示の通りのものをコピペしましたが反映されませんでした。
なにか間違いなどありましたらご指摘いただけると幸いです。
また、文字間を変更することも可能でしょうか?
可能でしたら方法をご教授いただければと思います。
質問ばかりで申し訳ございません、何卒よろしくお願いいたします。

SANGOで使用するWebフォント(Google Fonts)を変える方法
コメントへの回答
サルワカくん
サルワカくん
2020/02/04

お世話になっております。
拝見したところ、Googleフォントのコードは読み込まれているようです。
問題は2つあると思われます。

①CSSの優先順位が負けてしまっている
⇒子テーマのstyle.cssではなく、ダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]にCSSを貼り付けるよう変更する
(こちら記事の方も修正しました)

②CSSにフォント名が書かれていない
'Webフォント名'の部分は書き換える必要があり。
今回の場合だと英語/日本語両方のWebフォントが指定されているため、以下のようなfont-familyの書き方でよいと思います。

font-family: 'Josefin Sans','Noto Sans JP, sans-serif;

よろしくお願いします。

アバター
snb
2020/02/04

サルワカ様、迅速なご返信ありがとうございます。
スタイルシートの方を削除し、追加CSSのほうに下記を入力したのですが反映されませんでした‥。

/*サイト全体のフォントを変える*/
body {
font-family: ‘Josefin Sans’, ‘Noto Sans JP’,sans-serif;
}

/*初期設定でQuicksandが使われている部分を変える*/
.dfont {
font-family: ‘Josefin Sans’, ‘Noto Sans JP’,sans-serif;
}

何か間違いありますでしょうか?
度々本当に申し訳ございません。

サルワカくん
サルワカくん
2020/02/04

あ、まだCSSの優先順位が足りていないようです。

CSSを以下に書き換えていただけますか?

/*サイト全体のフォントを変える*/
html body {
font-family: 'Josefin Sans', 'Noto Sans JP',sans-serif;
}

/*初期設定でQuicksandが使われている部分を変える*/
body .dfont {
font-family: 'Josefin Sans', 'Noto Sans JP',sans-serif;
}

よろしくお願いします。

アバター
snb
2020/02/04

サルワカさま、ありがとうございました!
無事反映することができました。
素早いご回答本当にありがとうございました!

サルワカくん
サルワカくん
2020/02/04

いえいえ、お手数をおかけしました!