[SNM-FUN]

【お使いの Snow Monkey のバージョン】 25.26
【お使いの Snow Monkey Blocks のバージョン】 20.3.5
【お使いの Snow Monkey Editor のバージョン】 9.3.2
【お使いのブラウザ】 GoogleChrome

### 実現したいこと

Noto Sans JPのSemiBold 600を 使用するため、Googleフォントを読み込み、 かつカスタマイズ内の「フォントの太さ」で SemiBold 600を選択できるようにする。

### 発生している問題
以下、コードを実行したところChrome デベロッパーツールのコンソールにて「Failed to decode downloaded font: https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600&display=swap」 と言うエラーが生じておりましたので、読み込みがうまくいってないかと思います。

add_filter(
	'snow_monkey_font_family_settings',
	function( $settings ) {
		array(
			$settings['noto-sans-jp']['variation']['600'] = array(
				'label' => 'SemiBold 600',
				'src'   => 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600&display=swap',
			)
		);
		return $settings;
	}
);

大変恐れ入りますが、ご教示いただけますと幸いです。何卒よろしくお願い申し上げます。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あ、src のところは http の URL は NG で、ローカルのフルパスで指定する必要があります。なのでフォントをダウンロードして、子テーマの中とか My Snow Monkey プラグインの中とかにおいて、そのパスを指定してみてください。

♥ 0

いいねをした人: 居ません

[SNM-FUN]

キタジマさん
ご教示いただき誠にありがとうございます。
結果的に、My Snow Monkeyプラグイン内直下にfontsフォルダを作成し、 googleフォントから当該フォントをダウンロードし、それをfontsフォルダの中に入れた上で、以下のコードにより当該フォントの読み込みが成功し、かつカスタマイザー内の「フォントの太さ」でSemiBold 600を選択できるようになりました。

add_filter(
	'snow_monkey_font_family_settings',
	function( $settings ) {
		array(
			$settings['noto-sans-jp']['variation']['600'] = array(
				'label' => 'SemiBold 600',
				'src'   => MY_SNOW_MONKEY_URL . '/fonts/NotoSansJP-SemiBold.ttf',
			)
		);
		return $settings;
	}
);

♥ 1

いいねをした人:

[投稿者]

投稿