みなさんおはこんばんちは(＠ReinyaNchannel)です
配信をこよなく愛している者です。Twitchという配信サイトで活動しています。是非以下のからフォローお願いします
Mixer、Twitch、YouTubeの配信者で Streamlabs のチャットオーバーレイを使用する際日本語のフォントを直したいと思ったことはありませんか？
わしもそのうちの一人です。そして OBS と Xsplit 両方の配信ソフトを使って説明します。
例えばCSS修正前のチャットはこんな感じのフォントになります
修正語になるとこんな感じになります
修正前と修正後の違いがわかりますか？
だいぶ違うので、自分好みのチャットオーバーレイを表示させてみよう
フォントの修正方法は？
まず、先に Streamlabs にログインし Chat box の設定画面にいきます
設定画面に行くと、好きなチャットテーマを決める
好きなテーマ決まりましたか？
次に念の為にウィジェットのリンクをコピーしておく
Xsplitでフォントを修正する方法
Xsplitのソース追加からブラウザソースを選択しウィジェットのリンクを追加してからCSSを追加(修正)します
CSSを追加してあげます
CSS追加後のチャットオーバーレイ
OBSの場合
+ ボタンからブラウザを選択し、先程のウィジェットリンクをコピペ
CSSを追加してあげる
CSS追加後のチャットオーバーレイ
CSSコードを各配信ソフトに記述していく
body {
color: #ffffff;
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
font-family: "メイリオ";
}
font-family: "ここに自分の好きなフォント名にしてください";
とりあえずフォントはメイリオになっていますが、ここは自分のPCの中に入ってるフォントかWEBフォントを指定してあげてください
WEBフォントに関しては筆者自身使っていないのでわかりません
まとめ
どうでしたか？
結構簡単にできたと思いますが、特に日本語チャットの場合文字が崩れるので、こうした場合は根っこからフォント買えてば問題解決なので是非お試しあれ！
スポンサー登録のお願い
ReinyaNをサポートしたい人向け
