kapi
1
対象
わんコメ
利用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が長くなってしまい使いづらいといったことがあるのであれば手間は増えますが、テンプレエディタではフォントの指定はせず、フォントだけご自身で指定すれば見た目の行数は減らすことができますよ。
kapi
3
そうなのですね。
丁寧な解説ありがとうございました。