テンプレートのフォントを変更する方法

対象: わんコメ
表示画面: OBS
利用OS: Windows
利用バージョン: 3.0.0-beta.11
過去ログ確認: 『フォント』で検索してみました
ドキュメント確認: した
内容:

以前から上記URLを確認しながらフォント変更を試しているのですがフォントが反映されません。

使用テンプレート名:line

カスタムCSS内容
■□─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─□■

@import url(‘https://fonts.googleapis.com/css2?family = RocknRoll + One& display = swap’);

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

@import “…/__origin/css/direction/bottom-to-top.css”;

.avatar { display: block; }

.name { display: none; }

.avatar { min-width: 30px; width: 30px; height: 30px; }

.comment-text { font-size: 20px; } .comment-text img { width: 20px; }

.name { font-size: 22px; }

.comment { margin: -8px 0; }

.comment-body { padding-top: 8px; padding-bottom: 8px; }

.comment-body { padding-left: 14px; padding-right: 14px; }

:root { --lcv-name-color: rgba(0, 0, 0, 1); }

:root { --lcv-text-color: rgba(0,0,0,1); }

:root { --lcv-background-color: rgba(255,150,80,1); }

:root { --lcv-name-shadow: var(–lcv-name-shadow-1); }

:root { --lcv-comment-shadow: var(–lcv-comment-shadow-0); }

:root { --lcv-comment-shadow-color: rgba(255, 255, 255, 1); }

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

body { font-family:‘RocknRoll One’、sans-serif; background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

■□─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─□■

CSS初心者なのでご教授いただけるとありがたいです。
よろしくお願いいたします。

image
CSS等を貼り付ける際は投稿時に</>を押すとコード専用の記述が追加されて下記のように読みやすくなります!

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

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

@import "…/__origin/css/direction/bottom-to-top.css";

.avatar { display: block; }

.name { display: none; }

.avatar { min-width: 30px; width: 30px; height: 30px; }

.comment-text { font-size: 20px; } .comment-text img { width: 20px; }

.name { font-size: 22px; }

.comment { margin: -8px 0; }

.comment-body { padding-top: 8px; padding-bottom: 8px; }

.comment-body { padding-left: 14px; padding-right: 14px; }

:root { --lcv-name-color: rgba(0, 0, 0, 1); }

:root { --lcv-text-color: rgba(0,0,0,1); }

:root { --lcv-background-color: rgba(255,150,80,1); }

:root { --lcv-name-shadow: var(–lcv-name-shadow-1); }

:root { --lcv-comment-shadow: var(–lcv-comment-shadow-0); }

:root { --lcv-comment-shadow-color: rgba(255, 255, 255, 1); }

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

body { font-family: 'RocknRoll One', sans-serif; background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

フォーラムの仕様上そのまま貼り付けると一部表記が変わってしまうため、おそらくという回答になりますが、

font-family:‘RocknRoll One’、sans-serif

「,」であるところが全角「、」になっているせいではないかなと思います
先程貼り付けたCSSではフォントが変更されたのを確認できたので、合わせてご確認ください

1 Like

CSSの貼り付け方、ありがとうございます!
今後はそちらの機能を使って投稿させていただきますね!

そして質問の方への回答もありがとうございます!
CSSの記述が全角になっているというご指摘を受け、もしかしてと思って調べてみたのですが、Google Fontsのサイトが自動翻訳されており、CSSの色んな部分が全角表記になっていました…。
翻訳機能をオフにし、改めてコードを貼り直したら解決することが出来ました。

あまりにも初歩的なことなので質問も出来ずにずっと放置していたのですが、まさか翻訳機能のせいとは思いもしなかったです…。
解決していただき、本当にありがとうございました!

2 Likes