# youtubeの絵文字と、コメント本文がぼやけてしまう

**URL:** <https://forum.onecomme.com/t/topic/3356>\
**Category:** 不具合\
**Created:** [2026 年 10 月 25 日午後 3:49 UTC](https://forum.onecomme.com/t/topic/3356 "2026-10-25T15:49:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![soutan.ninomata02](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@soutan.ninomata02](https://forum.onecomme.com/u/soutan.ninomata02)\
**Post date:** [2026 年 10 月 25 日午後 3:49 UTC](https://forum.onecomme.com/t/topic/3356/1 "2026-10-25T15:49:35Z")

</div>

## 対象

わんコメ

## 利用OS

Windows

## 利用バージョン

OSのバージョン: 11  
わんコメ：9.1.5  
OBS: 33.0.0

## その他関連しそうなアプリやプラグインの名称とバージョン

## PRO版を利用

していない

## 発生した場所

OBS / 配信サイト

## 発生したURL

発生前（わんコメ更新前）：[https://youtube.com/live/2hp6ynSA3Y8](https://youtube.com/live/2hp6ynSA3Y8)  
発生後（わんコメ更新後）：[https://www.youtube.com/live/DAjUxJe5uGc](https://www.youtube.com/live/DAjUxJe5uGc)

## 発生日時

2026/10/24 頃（わんコメの更新後）

## 発生時のスクリーンショット

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/1/17058cfdafa09f68a6672a195ccc09a8c4915020.jpeg)

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/7/7d460c5d9132f9228e706f6168dc1684347d0071.jpeg)

画像1が発生前（わんコメアプデ前）画像2が発生後（わんコメアプデ後）

## 発生時のレポート

[onecomme-report-1792942964492.zip](https://forum.onecomme.com/uploads/short-url/e4j4I2zEMAKS3jaCggoDtfXni6s.zip) (71.9 KB)

## 内容

先日24日ごろにわんコメのアップデートをし配信を行ったところ、リスナーさんから  
「youtubeの画面に映るチャットの文字と絵文字がぼやけて見える」と報告がありました。  
わんコメはslimのテンプレートをそのまま使用しています。

発生前、発生後のスクリーンショットを見比べたり、自分なりに色々試してみたのですが  
・デフォルトのフォントがアップデートで変わった？  
・縁取りがついていると文字がガビガビした感じになる  
・メンバーシップの絵文字/バッジに関しては、解像度が低くなっている？

という感じです。

現状、文字のフォントをデフォルトから変更し、縁取りをなくすことでガビガビした感じが軽減されていますが、絵文字がぼやけてしまう状態は改善されていません。

これらを解決するために、こちらでできることは何かありますか？

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2026 年 10 月 25 日午後 4:35 UTC](https://forum.onecomme.com/t/topic/3356/2 "2026-10-25T16:35:55Z")

</div>

> [@soutan.ninomata02](#):
>
> ・デフォルトのフォントがアップデートで変わった？

> [@soutan.ninomata02](#):
>
> ・縁取りがついていると文字がガビガビした感じになる

OBS 33.0にて、ブラウザソースに対応しているフォントや  
優先的に表示されるフォントが変わっている可能性はあります。

というのも、私の環境で試したのが以下のスクショです。

ver 32.2.2

 ![スクリーンショット 2026-10-26 005305](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/c/c61e63e2fadec45b403afa15a177f61ae7d06cd0.png)

ver 33.0.0

 ![スクリーンショット 2026-10-26 010131](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/7/79470d8775b5c1801c926885a4a697cc76f81285.png)

わかりやすいのが右側のテンプレートで、  
「テストユーザー」の名前のフォントが明らかに変化していました。

* * *

また、DotGothic16フォントへの変更のみktx-quick-starterに  
カスタムCSSを適用したのが以下ですが、

```auto
/* テンプレカスタム ここから */
@import "https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";

body {
    font-family: "DotGothic16",sans-serif
}
/* テンプレカスタム ここまで */

```

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/3/3246e813e0c9919583ba8787e18f76d7873225ec.png)

OBS 33.0では意図したフォントにて表示はされませんでした。

そのため、OBSのブラウザソースを表示させているChromium周りの問題で、  
「意図していないフォント」や「各種CSSの適用具合」になっている可能性はありそうです。

わんコメ側でも何らかの修正にて対応できる可能性があるかもしれませんが、  
OBS側での対応待ちになる可能性もありますので即答はできそうもありません。

* * *

> [@soutan.ninomata02](#):
>
> ・メンバーシップの絵文字/バッジに関しては、解像度が低くなっている？

YouTubeの絵文字/バッジに関しましては、わんコメではもともと高画質では受信していません。  
絵文字は24px、バッジは32pxにて受信されています。

そのため、絵文字やバッジを高画質化するためには、カスタマイズが必要となります。

（宣伝ではないので、ほかのプラグインを探すのももちろんOKだと思います）  
以下の私が制作したプラグインだと、おまけ機能に絵文字やバッジ、ユーザーのアバターを高画質化する処理を組み込んであります。

> **[ハンドル形式の名前を以前のユーザー名(チャンネル名)の形式に置換できるわんコメの配布プラグイン【youtube-handle-to-name】](https://nvl-game.tokyo/plugins/5578)**
>
> 今回は以前公開した配信サイトのアイコンをテンプレートに表示できるわんコメの配布プラグインに続き、ユーザーごとに設定された@handle形式のハンドル名表示から以前のユーザー名表示（チャンネル名）に置き換えすることができるわんコメの配布プラグ...

こういったプラグインを利用するのも一つの手になっています。

* * *

現時点ですぐに返答できる結論といたしましては、

- テンプレートの文字関係は「OBSのアップデート（33.0）」起因の可能性が高い
- 絵文字やバッジの解像度はわんコメのアップデートもOBSのアップデートも関係ない

という形になりそうです。

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2026 年 10 月 25 日午後 5:23 UTC](https://forum.onecomme.com/t/topic/3356/3 "2026-10-25T17:23:25Z")

</div>

【追記】  
カスタムCSS適用時のフォント反映について追記いたします。

```auto
/* テンプレカスタム ここから */
@import "https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";

body {
    font-family: "DotGothic16",sans-serif
}
/* テンプレカスタム ここまで */

```

上記まったく同じカスタムCSSをコピペしたケースですが、  
これを「最上部」に入れたところ問題はなくなりました。

テンプレエディタでコピペするコードより上にCSSがあるケース

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/3/3246e813e0c9919583ba8787e18f76d7873225ec.png)

テンプレエディタでコピペするコードが最上部のケース

 ![スクリーンショット 2026-10-26 020538](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/c/ccac39cfc74a76a2b3ad6fad3d306073ea54ae3c.png)

私の場合には以下のコードではありませんでしたが、  
以下のCSSがOBSのブラウザソースにはデフォルトでは入っていますので、  
入っている場合には削除またはそれよりも上にカスタムCSSを入れ、  
思ったとおりのカスタマイズが適用されるか確認してみてください。

```auto
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

```

ただ、なにもカスタムCSSに変更を加えていない以下のスクショにある  
右側のテンプレートのようなケースだと、  
OBS側もしくはテンプレート側で何らかの対処がないと  
思ったとおりのフォントにはなりそうもありません。

 ![スクリーンショット 2026-10-26 010131](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/7/79470d8775b5c1801c926885a4a697cc76f81285.png)

縁取り含め

- カスタムCSSを最上段に持ってくる

ことで、一部の現象に対しては解決が見込めるかもしれません。

* * *

また、OBSに入れたテンプレートの「幅」と「高さ」を調整するのはプロパティからとなり、  
幅と高さを小さくしすぎたものをOBSのシーン上で大きくしようとすると、  
小さな写真を大きくしたときのように滲む原因となりますので、  
そのようなこともしていないか再確認をお願いいたします。

 ![スクリーンショット 2026-10-26 010929](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/6/6e69d9f133650a44de31e1ac8b6656ef9c4ac241.png)

* * *

また、可能であれば「どのようなカスタムCSSを適用されているのか」を提示いただけますと、  
調査もスムーズになる可能性がありますのでご協力願います。

---

<div class="post-metadata">

**Author:** ![soutan.ninomata02](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@soutan.ninomata02](https://forum.onecomme.com/u/soutan.ninomata02)\
**Post date:** [2026 年 10 月 26 日午前 10:04 UTC](https://forum.onecomme.com/t/topic/3356/6 "2026-10-26T10:04:03Z")

</div>

ありがとうございます。  
現状、OBSの対応を待ちながら、しっくりくる設定を探しなおすしかなさそうなんですね…。  
ご説明ありがとうございました。  
画像に関しては、外部のプラグインの導入も検討してみます。

---

<div class="post-metadata">

**Author:** ![soutan.ninomata02](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@soutan.ninomata02](https://forum.onecomme.com/u/soutan.ninomata02)\
**Post date:** [2026 年 10 月 26 日午前 10:23 UTC](https://forum.onecomme.com/t/topic/3356/7 "2026-10-26T10:23:54Z")

</div>

カスタムＣＳＳに関しては、不具合発生前の物が残っていないため、提出することが出来ません。

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2026 年 10 月 26 日午後 12:21 UTC](https://forum.onecomme.com/t/topic/3356/8 "2026-10-26T12:21:26Z")

</div>

問題を見つけられる以前のカスタムCSSは残っていないのですね、承知いたしました。

問題を見つけたあとのカスタムCSSだけでも残っており提示いただければ、  
何かしらの解決や修正案の糸口が見つかる可能性はございます。

* * *

また、Xの引用となり恐縮ではありますが、  
以下のような手法もお試しください。

> <https://x.com/astie_jp/status/2114487622441865428>

・にじみ  
・ガビガビ  
を感じるということでしたら、上記ポストのとおり、  
「OBS 33.0にてブラウザソースのデフォルトのフォントが変更された」  
のが原因である可能性も十分に考えられます。

以下のコードをカスタムCSSに記述することでフォントが以前の状態と同じになり、  
文字へのにじみやガビガビ感にも変化が出るかもしれません。

```auto
body { font-family: "Meiryo", sans-serif; }

```

---

<div class="post-metadata">

**Author:** ![soutan.ninomata02](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@soutan.ninomata02](https://forum.onecomme.com/u/soutan.ninomata02)\
**Post date:** [2026 年 10 月 27 日午前 11:21 UTC](https://forum.onecomme.com/t/topic/3356/9 "2026-10-27T11:21:21Z")

</div>

情報ありがとうございます。  
教えて頂いたコードをカスタムＣＳＳに入れてみたところ、確かにフォントが変わった（戻った？）様に思えます。  
自身のアーカイブなどと見比べて確認してみようと思います。ありがとうございました。