--:--:--
配置位置
OBSでの配置位置に合わせて角丸パターンを選べます。
OBSブラウザソースURL
https://pochipochi-stamp.com/tools/stream-clock/retro-dotgothic-bgblue-white-center-hms/clock/OBSおすすめサイズ: 幅 300 × 高さ 90 px
カスタマイズ
変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。
文字色
#ffffff背景色
#0000a8不透明度
100%
フォントサイズ
px
OBSでの設定方法
- OBSで「ブラウザ」ソースを追加
- URLに上記のURLを貼り付け
- 幅・高さを上記のおすすめサイズに設定
- OKを押して完了
CSSでさらにカスタマイズ
OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。
/* OBSのカスタムCSS欄に貼り付け */
:root {
--clock-color: #ffffff;
--clock-font-size: 48px;
--clock-font-family: 'DotGothic16', sans-serif;
--clock-bg: #0000a8;
--clock-bg-opacity: 1;
--clock-border-radius: 0px;
--clock-padding: 8px 16px;
}