SmaVeksiveサンプル工務店のテーマにおいてスタイルバリエーション.jsonファイルでのフォントの指定について

[webfactoryjp]

■ WordPress のバージョン
バージョン 7.1.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
その他

■ プラグインの種類・バージョン
VK FullSite Installer　プラグインインストールの初期状態

■ 期待する動作
スタイルバリエーション（自作の styles/halloween.json）を切り替えた際に、「見出し (VK)」ブロックのH2およびその直上にある英語サブテキストのフォントを、連動して別フォント（Google FontsのHenny Penny）に切り替えたいと考えています。全体の色を自作の styles/halloween.jsonスタイルボタンで変更することはできています。

■ 自分で試した事
子テーマの theme.json の settings.typography.fontFamilies に、ローカルアセットとしてフォントファイル（HennyPenny-Regular.ttf）を登録しました。

“blocks”: {
“vk-blocks/heading”: {
“color”: {
“text”: “var(–wp–preset–color–primary)”
},
“css”: “.wp-block-vk-blocks-heading h2, .wp-block-vk-blocks-heading .vk_heading_subtext, .vk_heading_subtext, .vk_heading_title { font-family: var(–wp–preset–font-family–henny-penny) !important; }”
}
}

■ 症状が発生するブラウザ
chrome

■ 実際の症状
styles/halloween.json の styles.blocks[“vk-blocks/heading”] 内で、登録したフォント変数（var(–wp–preset–font-family–henny-penny)）を指定していますが、フォントが切り替わりません。

■ その他特記事項
スタイル切り替えと同時に「見出し（VK）ブロック」のサブテキストフォントをきれいに連動させるには、theme.json（または halloween.json）の styles 内に具体的にどのような階層・プロパティで記述するのが正しい仕様でしょうか？

工務店における見出しブロック指定名です

添付画像の[CHECK見学会でわかること]のCHECKの部分です

[Y.INABA]

お手数ですが、以下ご確認いただけますでしょうか。

1. 記載いただいたtheme.jsonの書式は正しいでしょうか。
　 コンマなどは抜けていませんか？　余計な括弧やコンマなどは入っていたりはしませんか？
　 恐れ入りますが、子テーマ内のtheme.jsonをご教示いただいてもよろしいでしょうか？

2. 書式が正しい場合でも、一度どこかの画面でスタイルを設定済の場合、theme.jsonよりも保存済の設定が優先されるため「スタイルをリセット」を押下するまでは切り替わりません。
　 「スタイルをリセット」操作はお試しでいらっしゃいますでしょうか？
※一度「スタイルをリセット」をする前に、事前にバックアップの取得をお願いします。
※こちらはWordPress本体側の仕様になります。テーマ側で制御できる部分ではないので、ご容赦くださいませ。

▼ご参考
https://ja.wordpress.org/support/topic/theme-json%e3%81%ae%e4%b8%80%e9%83%a8%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84/

[投稿者]

投稿