Mixer Twitch youtube 配信オーバーレイ関係

【Streamlabs】チャットオーバーレイの日本語フォント(書体)を治す方法

#17LIVE #PR

雑談なら17LIVE

17LIVEのアプリのDL先はこちら

筆者もここで活動しているよ!

掲載期間 2022年3月22日(火)~2022年4月30日(土)

みなさんおはこんばんちは(@ReinyaNchannel)です

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をサポートしたい人向け

ReinyaNのMixerチャンネル

今すぐサブスク(購読)

※I'm partnered on Mixer

スポンサー登録をすると筆者のモチベーション及び配信やブログのコンテンツ向上に繋がりますので宜しくおねがいします※リンクを踏むと外部サイトに飛びます

サイト管理者のプロフィール

AkaMaruServer

ReinyaN

17LIVEを拠点に活動しているストリーマーで活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

17LIVEを拠点に活動しているストリーマーで活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-Mixer, Twitch, youtube, 配信オーバーレイ関係
-, , , , , ,


Warning: include(): Filename cannot be empty in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11

Warning: include(): Failed opening '' for inclusion (include_path='.:/opt/php-7.4.28/data/pear') in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11