Вот о чем я. Было:
Стало:
Было:
Стало:
Стало понятно, что 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 файлик кнопкой «Упаковать расширения» и указать путь к папке.
Скачать готовое расширение можно отсюда.
Исходники лежат тут.
Надеюсь, кому-то пригодится. Спасибо за внимание.
Update:
Как оказалось, в новых версиях Chrome при запуске отключаются расширения, установленные не из магазина. Каждый раз включать расширение не особо удобно. Поэтому пришлось найти альтернативное решение.
Открываем C:\Windows\Fonts\. Ищем злополучный шрифт «Roboto» (если у вас его нет, то скорее всего вы не заметили никаких изменений на Youtube). Данный шрифт копируем в резервную папку (на всякий случай), а из C:\Windows\Fonts\ удаляем. Обновляем страничку на YouTube. Шрифт в заголовках должен вернуться в норму.
P.S. Статья была написана с целью поделиться своим решением проблемы с шрифтами. Для тех, у кого были эти самые проблемы.
Комментарии (15)
lorndesign
25.05.2015 15:37+1Гугл недавно обновил версию шрифта Roboto. Впервые это ощутили на веб-проектах, где был использован этот гугл-фонт.
Само собой, где физический был такой шрифт среди системных, подвоха не заметили.
Пологаю, это всё одна цепочка событий…
Ezhyg
25.05.2015 16:42Маленький нюанс, шрифт-то используется «удалённый».
Roboto
@font-face {
font-family: «Roboto»;
font-style: normal;
font-weight: 400;
src: url("//fonts.gstatic.com/s/roboto/v15/IC_Dw3HJuHH__1Luo8iRGA.woff2") format(«woff2»), url("//fonts.gstatic.com/s/roboto/v15/Y5yuUJGDLtmYv2_3fMB4fA.woff") format(«woff»);
}
Roboto Medium
@font-face {
font-family: «Roboto»;
font-style: normal;
font-weight: 700;
src: url("//fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSFtXRa8TVwTICgirnJhmVJw.woff2") format(«woff2»), url("//fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSD8E0i7KZn-EPnyo3HZu7kw.woff") format(«woff»);
}
там ещё курсив для обоих есть, но я не стал уж его копипастить
И именно там он был «исправлен» :(.
stalinets
25.05.2015 23:37У меня во всех видео (но, кажется, не сразу) кириллица стала квадратиками. Опера 12.17.
Причём в строке поиска если набираю кириллицей — тоже квадратики.
Шрифта Roboto в папке Fonts нет.
AnykeyMan Автор
25.05.2015 23:47Для оперы можно по-другому.
Создаешь файлик.css, пишешь в нем это:
body {
font-family: «Arial» !important;
}
Затем добавляешь эту css, в оперу (можно по этой инструкции). Попробуй.AnykeyMan Автор
25.05.2015 23:54+1Ссылочка не вставилась, но легких путей мы не ищем.
После того, как создал файлик.css, его нужно добавить в оперу. Для этого:
Набираешь в адресной строке opera:about. Ищешь там текст «User CSS directory». Открываешь этот путь в проводнике. Кидаешь CSS'ку. Перезапускаешь оперу. После этого открываешь «Вид» (либо если менюшка скрыта, то «страница») — «Стиль» — активируешь стиль, который закинул в папку со стилями. Попробуй.stalinets
26.05.2015 00:14С ютубом помогло, спасибо, но внешний вид многих сайтов с принудительным Arial'ом немного непривычен))
stalinets
28.05.2015 18:52Кстати, если видео встроено в сообщение на форуме, например — всё равно квадратики. Кликаешь по значку «Открыть на Youtube» — и на самом сайте уже нормально, шрифт Arial.
Видимо, при встраивании видео принудительно указать шрифт не срабатывает.
ZoomLS
26.05.2015 22:51>>Opera 12.17
Ну хоть не IE 6, уже хорошо. Вот только, сколько можно пользоваться устаревшими браузерами и жаловаться на то, что что-то не работает?
denis_g
Я просто оставлю это здесь… ;)
AnykeyMan Автор
Я видел это расширение и указал его в статье. И, как я уже говорил:
«Варианты с установкой различных расширений я всегда рассматривал в последнюю очередь, т.к. я очень трепетно отношусь к безопасности.»
denis_g
Ну… Как бы исходники открыты, исходники расширений, установленных из маркета тоже можно посмотреть, так что не вижу особых причин для паранойи. Это ж не LastPass, который, ЕМНИП, с бинарником идет.
AnykeyMan Автор
Статья писалась не чтобы поумничать. Писалась она с целью поделиться своим решением данной проблемы. Писалась статья в основном для тех, кто испытывал похожие проблемы, коих, поиск в гугле нашел не так уж и мало.
denis_g
Ок.