Firefoxで「続きを読む」が表示されるバグ

こんにちは。
僕は、メインブラウザをFirefoxに設定しているのですが、少し困っていることがあります。

それは、YouTubeやツイッターで、「続きを読む」がいらないのに表示されるバグです

引用:https://www.youtube.com/watch?v=7UxuurJLjyY

たとえば、上記のコメントは一行だけで、どう考えても「続きを読む」の選択肢はいりませんが表示されていています。
同じような事象はツイッターでも見られ、個人的には結構目障りでした。

環境

このバグが見られたバージョンなどは下記のとおりです
OS: Windows 11 Pro
バージョン:125.0.1(記事執筆日時点で最新)

再現方法

このバグは日本語のゴシック体フォントが既定であるメイリオなどに設定されていることで発生します。
フォント設定は「設定>一般」の言語と外観セクションから確認・変更できます。

修正方法

一応修正方法を調べてみて、使えたやつをここに書いていきます。

(おすすめ)Stylusを使う

拡張機能であるStylusなどを使ってCSSを追加することで修正できます。

1. インストールする
下記のリンクより拡張機能を追加できます

2. YouTube・Twitterを開く

YouTubeまたはTwitterを開いて、拡張機能を開きます。

このようなメニューが出てきますので、「次のスタイルを書く」の下にある「www.youtube.com」または「twitter.com」のみが選択されるようマウスを置き、クリックします。

選択されているとこのようになります

するとこのような画面が出てきます。上部分の「コード1:」の下に表示されているドメインが「www.youtube.com」または「twitter.com」になっているか確認しましょう。

そしたらここに下記を追加します。

YouTube:

.style-scope.ytd-comment-view-model
{
    line-height: normal !important;
}

Twitter:

main div > span  {
    line-height: normal !important;
}

そして、左部分の名前のところを任意のものに変更し、「保存」を押します。

フォントを変える

設定でフォントを変えることでも解消します。「設定>一般」の言語と外観セクションへ行き、フォントのところから、詳細設定を押します。

ゴシック体のフォントをメイリオ以外に変更してください。できたら、OKを押します。

最後に

このバグ、昔からあるみたいなのですが永遠に修正されていないみたいなのです(日本語でしか起きていないからか、、?)
この記事が少しでもお役に立てれば幸いです。

参考

下記記事等を参考にさせていただきました。ありがとうございました。

万が一著作権等で問題があれば、恐れ入りますがこちらからお問合せください。


よろしければサポートお願いします!サポートは記事執筆の原資にしたいと考えています!