--:--

シンプル グレー / Source Code Pro

Adobe製等幅フォントSource Code Proのシンプルなグレー文字時分表示

シンプル時:分

OBSブラウザソースURL

https://pochipochi-stamp.com/tools/stream-clock/simple-sourcecode-gray-hm/clock/
OBSおすすめサイズ: 幅 200 × 高さ 80 px

カスタマイズ

変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。

文字色
#a0a0b0
フォントサイズ
px

OBSでの設定方法

  1. OBSで「ブラウザ」ソースを追加
  2. URLに上記のURLを貼り付け
  3. 幅・高さを上記のおすすめサイズに設定
  4. OKを押して完了

CSSでさらにカスタマイズ

OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。

/* OBSのカスタムCSS欄に貼り付け */
:root {
  --clock-color: #a0a0b0;
  --clock-font-size: 48px;
  --clock-font-family: 'Source Code Pro', monospace;
}