Возвращаем нормальный шрифт на YouTube

в 16:46, , рубрики: Песочница, метки: , ,

Со вчерашнего дня я обнаружил, что YouTube поменял шрифты заголовков. У меня они стали очень жирными. Поискав по запросу «шрифты youtube», а так же поспрашивав у друзей, удалось найти похожие проблемы и у других. Оказалось, что у кого-то шрифты стали меньше, у кого-то и вовсе не видно заголовков. Такая проблема наблюдалась в Google Chrome, Opera 26. В Opera 12 отображение заголовков было самым обычным.

Вот о чем я. Было:

image

Стало:

Возвращаем нормальный шрифт на YouTube - 2

Было:

Возвращаем нормальный шрифт на YouTube - 3

Стало:

Возвращаем нормальный шрифт на YouTube - 4

Стало понятно, что YouTube в очередной раз что-то нахимичил. А нахимичил он вот что. В css в качестве шрифтов заголовков указаны:

font-family:
Roboto,arial,sans-serif;

«Правильный» шрифт (тот, что был до этого) arial. Решений данной проблемы было не особо много. Из того что удалось найти, это тема на reddit. Там предлагалось установить расширение «Stylish» и в нем прописать css для YouTube:

body {
    font-family: "Arial" !important;
}

Варианты с установкой различных расширений я всегда рассматривал в последнюю очередь, т.к. я очень трепетно отношусь к безопасности.
Расширения я никогда не писал, поэтому уже думал смириться с этим шрифтом. Но, наткнулся сегодня на статью на хабре "Готовим расширение под Chrome, украшаем Хабр", решил написать простенькое расширение, которое бы исправляло шрифты.

Итак. Создаем папочку. В ней 2 файлика: manifest.json и style.css. В manifest.json пишем:

{
    "name":"YouTube Fonts",
     "manifest_version": 2,
     "version": "2",
    "description":"normal fonts for youtube",
    "content_scripts":[
        {
            "matches":["http://www.youtube.com/*"],
            "css":["style.css"]
        }
    ]
}

В файлике style.css, соответственно:

body {
    font-family: "Arial" !important;
}

Далее переходим в расширения в хроме. Включаем режим разработчика. Жмем кнопку «Загрузить распакованное расширение». Указываем путь к нашей папке. Обновляем страничку на YouTube и радуемся старому доброму Arial. При желании, можно запаковать расширение в 1 файлик кнопкой «Упаковать расширения» и указать путь к папке.

Скачать готовое расширение можно отсюда.
Исходники лежат тут.
Надеюсь, кому-то пригодится. Спасибо за внимание.

Автор: ,,,(o_O),,,

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js