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

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

みなさんおはこんばんちは(@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

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

ReinyaN

Mixerで活動してる配信者&オフィシャルパートナーを勤めています「ReinyaN」です ゲーム配信を主に流しています

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

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

ReinyaN

Mixerで活動してる配信者&オフィシャルパートナーを勤めています「ReinyaN」です ゲーム配信を主に流しています

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

Copyright© AkaMaruServer , 2019 All Rights Reserved.