- PVSM.RU - https://www.pvsm.ru -

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

Со вчерашнего дня я обнаружил, что 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, украшаем Хабр [1]", решил написать простенькое расширение, которое бы исправляло шрифты.

Итак. Создаем папочку. В ней 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 файлик кнопкой «Упаковать расширения» и указать путь к папке.

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

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

Источник [4]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/pesochnitsa/90466

Ссылки в тексте:

[1] Готовим расширение под Chrome, украшаем Хабр: http://habrahabr.ru/post/143421/

[2] отсюда: https://drive.google.com/file/d/0B9SZqK6ALklkUlZHVGJqdWlCZXM/view?usp=sharing

[3] тут: https://drive.google.com/file/d/0B9SZqK6ALklkdTB1VmdlSnZPZ1U/view?usp=sharing

[4] Источник: http://geektimes.ru/sandbox/1322/