Часть шрифта стала пиксельная.

  • Решено joney252

    (@joney252)


    3 месяца, 1 неделя назад

    Друзья, всем добрый день! Случилась проблема с сайтом и никто не может понять как это решить. Готов финансово отблагодарить того кто даст решение проблемы. Я не программист, пишу своими словами.

    Добавил на странице видео рутуб, и часть текста на сайте стало пиксельным. Добавляю ютуб фрейм и тоже самое. Проблема актуальна только на десктопе windows (разные устройства и браузеры). На маке, смартфонах все ок. Если фрейм удалить то шрифт становится опять нормальным. Если фрейм начать двигать в css в браузере то часть текста становится нормальным. При скролинге страницы шрифт становится пиксельным и потом опять становится нормальным. В общем баг. Специалисты которые смотрели сказали что проблема не в верстке и не в расположении блока, это баг связан с рендерингом шрифта, но почему тогда в разных браузерах этот баг себя проявляет. Шрифт грузится с гугла, мне меняли чтобы грузился с сервера сайта там вообще какой-то фарш происходит, на мобильных весь текст становится жирным, а на всем сайте тонким и пиксельным. Происходит не на всех страницах где есть видео, а на некоторых шаблонах.

    В общем если есть мысли, советы буду рад, может кто сталкивался.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • 𝗥𝟯𝗡𝟬

    (@r3n0)

    3 месяца, 1 неделя назад

    joney252, привет. Где можно увидеть тот самый пиксельный рендеринг? Проблема со шрифтом Roboto?

    Автор joney252

    (@joney252)

    3 месяца, 1 неделя назад

    Привет! https://penoprofil.ru/fasadnyi-decor/nalichniki-okon — конкретно по этому урл это хлебные крошки, левое меню навигации (оформление окон, наличники, карнизы), часть шрифта цен. https://penoprofil.ru/fasadnyi-decor — тут то же самое и текстовый блок сразу под вторым видео внизу с заголовка «Как самому подобрать элементы фасадного декора?» В целом там по всем разделам на этом шаблоне где есть видео встречается этот баг, и не важно рутуб это или ютуб. Баг начался когда я с ютуба поменял видео на рутуб. Потом увидев проблему вернул обратно ютуб но баг не ушел. Шрифт робото, верно.

    • Ответ изменён 3 месяца, 1 неделя назад пользователем joney252.
    𝗥𝟯𝗡𝟬

    (@r3n0)

    3 месяца, 1 неделя назад

    joney252, есть возможность сделать скриншот, чтобы понять как это у вас выглядит на экране?

    Автор joney252

    (@joney252)

    3 месяца, 1 неделя назад

    Можно я видео запишу и в тг отправлю вам?

    𝗥𝟯𝗡𝟬

    (@r3n0)

    3 месяца, 1 неделя назад

    joney252, со скриншотом будет проще понять что у вас отображается на экране. Дело в том, что у меня этот шрифт отображается штатно, я не вижу никаких артефактов.

    Автор joney252

    (@joney252)

    3 месяца, 1 неделя назад

    https://disk.yandex.ru/i/WP4GHdLndhYP9A — скрин

    https://disk.yandex.ru/i/K_1VXT_BjniAiw я записал видео где подробно рассказал о проблеме

    𝗥𝟯𝗡𝟬

    (@r3n0)

    3 месяца, 1 неделя назад

    joney252, вы столкнулись с багом, который не имеет отношения к вашему сайту. В Windows, из-под которой просматривается сайт, в настройках включена опция ClearType? В системе установлен шрифт Roboto? Если да, то какая версия?

    Несколько лет назад именно для шрифта Roboto был такой костыль, не знаю поможет ли он сейчас:

    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        background-color: white;
    }
    Автор joney252

    (@joney252)

    3 месяца, 1 неделя назад

    Большое спасибо за ответ. Мы сейчас проверим эту версию. Меня смущает то что большая часть шрифта же показывается нормально (реагирует конкретно на видеофрейм). Причем если этот фрейм начать двигать в css то часть текста исправляется. Мы видим этот баг с 3 разных компьютеров, конкретно на двух из них робото точно установлен (не санс сериф, а обычное семейство)

    1. Clear type включен
    2. Именно roboto sans serif не установлено, другие робото установленные версии 2.137.2017

    Мы видим этот баг с 3 разных компьютеров. Баг не проявляется на internet explorer 11, там просто весь шрифт пиксельный.

    Автор joney252

    (@joney252)

    3 месяца, 1 неделя назад

    Мы попробовали, это не помогло. Внесу важное дополнение — до этого на сайте уже были фреймы с видео ютуба и этот баг не срабатывал, потом мы сменили и на видео рутуб и появился баг, далее мы попробовали вернуть ютуб но баг остался. Может есть еще какие-либо мысли?

    Автор joney252

    (@joney252)

    3 месяца, 1 неделя назад

    Проблема решена. Для тех кто столкнется с ней вот решение.

    как вы, наверное, в курсе, iframe — это эдакий сайт в сайте. И если внутри iframe’а используется какой-то процесс, использующий видеокарту (т.н. GPU-композитинг), то это может повлиять и на родительский сайт, заставляя какие-то штуки «перерисовываться». Что и произошло со шрифтами.
    Я это дело принудительно отключил — теперь iframe’ы должны довольствоваться всем, что есть, кроме GPU. В теории — ничего страшного.

Просмотр 10 ответов — с 1 по 10 (всего 10)

Метки