[徳田格]

【お使いの Snow Monkey のバージョン】 14.2.3
【お使いの Snow Monkey Blocks のバージョン】11.3.0
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】Chrome
【当該サイトのURL】0f9eb776b462.ngrok.io (local by flywheelのリンクです。）

### 発生している問題

Google fontを追加cssで読み込んで、fontを、読み込んだ筆記体にしたいのですが、反映されません。

### 試したこと

@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');

.page-id-66 .smb-section__lede .has-large-font-size {
  font-family: 'Itim', cursive;
}

・上記の追加cssを記述しましたが、適応したい’Itim’ は反映されず、’cursive’が反映されます。
・対応したい文字の部分は見出しではないので、ブロックエディタの高度な設定ではcssを指定できませんでした。
・他のフォントで行っても、反映されませんでした。

お手数ですが、どなたか知見がある方は教えていただけると助かります。
よろしくお願いします。

♥ 0

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

[キタジマ タカシ]

例えば

@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');

.l-body {
  font-family: 'Itim', cursive;
}

とすると反映されますか？ これで反映されるのであれば読み込みはできているけどセレクタの指定が間違っている、反映されないのであれば読み込みができないない、と切り分けができるかなと思います。

♥ 0

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

[徳田格]

キタジマさん、ご回答ありがとうございます。

ご提示のコードでも、反映されませんでした。
なので、Googleフォントの読み込み方に問題ありそうですね。
こちらでも調べてみます。

♥ 0

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

[キタジマ タカシ]

なるほどです。僕はカスタマイザーの追加 CSS に書いて反映されることを確認しました。追加 CSS はコメントを入れると正しく反映されないことがあるのでそこは要確認かもしれません。あとは反映されているんだけどね詳細度の問題で見た目には反映されていないように見えている、とかですかねー。

♥ 0

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

[徳田格]

そうですか。他の読み込みの方法とか調べてみます！
ありがとうございました。

♥ 0

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

[投稿者]

投稿