テンプレエディタで設定したフォントがコメントに正しく反映されない

対象

わんコメ

利用OS

Windows

利用バージョン

OSのバージョン: 11
わんコメ: 9.0.0
OBS: 31.0.3

その他関連しそうなアプリやプラグインの名称とバージョン

PRO版を利用

していない

発生した場所

OBS

発生したURL

アーカイブや切り抜き、再現動画など発生状況がわかるURLがありましたらご記載ください
ttps://youtu.be/fhsdLm_pSBQ

発生日時

2026/05/29 21:00

発生時のスクリーンショット

発生した状況がわかるスクリーンショットがありましたら添付ください

発生時のレポート

※わんコメ右上メニュー->サポート->レポート作成 にて作成されるファイルです
WordPartyの場合はテンプレート内にあるconfigファイルを添付してください

onecomme-report-1780064086475.zip (89.9 KB)

内容

わんコメのテンプレートでbasicを選びモッチーポップというフォントを選んでいるのですが、コメントに正しいフォントが反映されません。
発生日時を記載していますが、実際には数か月前から起きていて9.0.0のアップデートをしたら直るかなと思い待っていたのですが変わらずでした。
またテンプレエディタが9.0βまでしかないので、9.0からの項目を用意していただけると助かります。
お忙しいとは思いますが回答よろしくお願いします。

テンプレエディタで出力されたCSSを記載いただけますでしょうか
発生時期がかなり前ということですので、その場合は調査ができないことがございますのでご了承ください

解決できない可能性がある旨、承知いたしました。

/* テンプレカスタム ここから */

:root {

--lcv-direction: column-reverse;

--lcv-name-color: rgba(94,33,0,1);

--lcv-text-color: rgba(91,41,1,1);

--lcv-name-shadow: var(–lcv-name-shadow-0);

--lcv-comment-shadow: var(–lcv-comment-shadow-0)

}

body {

font-family: “Mochiy Pop One”,sans-serif

}

.comment {

padding: 4px

}

.name {

font-size: 19px

}

.comment-text {

font-size: 22px

}

.avatar {

min-width: 37px;

width: 37px;

height: 37px

}

:root {

--lcv-background-color: rgba(255,255,255,0);

--lcv-badge-size: 1.6em;

--lcv-name-shadow-color: rgba(98,9,9,1)

}

.comment-text img {

height: 1.3em;

width: auto

}

/* テンプレカスタム ここまで */

横から失礼いたします。


CSSの添付をいただきありがとうございます。

確認したところ、フォントのデータを取得するコードが抜け落ちているようです。

以下のコードを
/* テンプレカスタム ここから */
の下に追記してみてください。

@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";

以下のような形になれば問題ありません。
(指定の場所が、テンプレエディタと同じ場所になっています)

/* テンプレカスタム ここから */
@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";

:root {
    --lcv-direction: column-reverse;
~省略~
}

body {
    font-family: "Mochiy Pop One",sans-serif
}
/* テンプレカスタム ここまで */

テンプレエディタを確認しましたが、Mochiy Pop One選択時にも正しくフォントのデータを
Google Fontsのサイトから読み込むCSSが生成されていたため、
恐らくCSSをコピペしたりOBSの操作を行っている際、
どこかの段階で誤って一行消してしまったものと思われます。

@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";

もし、このフォントのデータを読み込ませても反映がないようでしたら、
再度その時に使っているCSSをそのままコピペして見せていただけますでしょうか。

ありがとうございます!教えていただいた方法を試したらきちんと反映されました!

私の方からわんコメのテンプレエディタを開くとCSS欄に@import のコードが抜け落ちているものが表示されてしまいます。(ほかにneonのテンプレートを使っていますがそちらは@importのコードは反映されてて、basicのテンプレートだけどのフォントを選んでも@importのコードが抜け落ちたコードが表示されてしまします)
これについて何か原因や思い当たることなどはありますでしょうか?

何らかの原因でブラウザに保存されているデータ自体に破損があるのかもしれません


その場合は、一度テスター横の・・・から初期化をして編集を初期化すると改善します
ただ編集した記録が消えてしまうため、一度設定内容を何かに控えて頂いてから実施頂けますでしょうか

アスティさん、shinkunoshizukuさんありがとうございます!
お忙しい中、迅速に対応していただきすごく助かりました!

初期化したらアスティさんの画像と同じものが反映され、OBSに入れなおしてもきちんと反映されていました!
他のテンプレートは問題なく使えているのですが、他のテンプレートも同様にすべて初期化した方がいいでしょうか?それとも今現在問題なければそのまま使い続けても問題ないでしょうか?
細かい質問で申し訳ないです。

解消できたようで何よりです
基本的に問題がなければそのままで大丈夫かと思います

承知いたしました。もしまた同じことが起きた場合は今回と同じ方法で対処します。

詳しく丁寧に教えていただきありがとうございました!