テンプレエディタでフォント設定が重複する

対象

わんコメ

利用OS

Windows

利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 11
わんコメ: 5.0-

PRO版を利用

していない

発生した場所

Chrome

発生したURL

発生日時

2023/11/07 21:55:00

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


内容

テンプレエディタでフォントを指定後サイズを2、3回触るとフォントの指定するもの(@font-face)が重複して作成されます
これは私の環境だけでしょうか?
cssをtxtに変えてアップロードしてます
ご確認していただければ幸いです
よろしくお願いします

Untitled-1.txt (201.6 KB)

テンプレエディタでフォントの指定@font-faceが複数行出ているのは、テンプレエディタだとunicode-rangeで読み込ませる文字を細かく区切っている、かつNoto Sans JPだとfont-weightを2種類読み込んでいるためです。


これは、Googleフォントをご自身で適用された場合とは、見た目の行数は異なります。

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

ただ、このようなスタイルシートでフォントを読み込ませることになるため、実際にはCSSの中身には同じようなものが書かれており、テンプレエディタと同じくunicode-rangeで細かく区切って受信することになっています。


テンプレエディタを操作された際の記述が重複していたりするわけではないく、font-weightが400と700の2パターン読み込みされているため、中身としては

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

とご自身で1行読み込み指定された場合と基本同じですかね。
(もちろん、font-familyをbodyなどで適用させる別の行は必要です)

カスタムCSSが長くなってしまい使いづらいといったことがあるのであれば手間は増えますが、テンプレエディタではフォントの指定はせず、フォントだけご自身で指定すれば見た目の行数は減らすことができますよ。

そうなのですね。
丁寧な解説ありがとうございました。