👀👍カウンター2.0🌈の最新バージョンは2.0.3です。
機能的には変更が無いのでバグ修正扱いのバージョンアップとなっています。
実は前から気になっていた処理仕様の変更をしています。
👀👍カウンターは、設定した目標数を達成するとカウントの文字色を赤色に変更します。
この場合に下記の設定でカウント値が読めなくなる問題がありました。
- ステータスの背景表示色を赤色にしている
- 進捗バーの色を赤色にしている
- 🌈モードで進捗バーの色が赤色になった
この問題を解決するために、目標を達成した場合は、必ず文字に縁取りをつけるようにしました。縁取り色は縁取り設定のものとなります。
👀👍カウンターは、カウンターの桁数に合わせた幅となるように表示を調整ができるようになっています。
これまでは、ブラウザの標準フォントで良い感じに表示できる幅をそれぞれの桁に対して固定値で持っていました。
2.0.3からは、フォントの幅を正しく取得して、桁数に合わせて計算して表示幅を決めています。style.cssでフォントを変更した場合は、変更したフォントに合わせて表示幅が変化します。
.letterViewers, .letterLike { font-family: フォント名; }
を追加してみてください。
因みにOBSで表示フォントを変更するには、OBSのソースのプロパティのカスタムCSSにフォント指定の記述を追加しますが、自動的に幅を調整するタイミングの後にカスタムCSSが適用されるようで、初期値が正しい幅になりません。
桁数を変更したり、アイコンを変更すると正しく適用されるようです。
次のバージョンで設定画面からフォントを指定できるようにしたいと思います。