при первой загрузке показывает иероглифы. При этом в девтулзах я вижу, что шрифт загрузился. Опция
font-display: block
Куда копать?
Подключение шрифта где?
Через @import?
нет. @font-face. Реакт один css создает, все в нем
Ну так-то реакт ничего не создает. Обычно этим заведует сборщик: vite, webpack, nextjs, ...
ну да, webpack, согласен
но это не отменяет того факта, что иероглифы показываются
причем я на своей машине не могу повторить, тестировщик из 10 раз раза 3 при обновлении обязательно сделает
Стикер
Стикер
Дополнение. Отображение задается через код символа в content. При этом когда все нормально, в девтулзах браузера просто значок, когда иероглифы, и в девтулзах такие же иероглифы
А как тестировщик воспроизводит этот баг?
Обновляет страницу. Но очень странно. Я к нему подошел, он обновил и тут же появилось. После этого ушел, через час подошел и он ни разу не смог повторить.
Так не пойдет. Баг нужно четко задокументировать. И четко воспроизводить чтобы понять. В целом то все сделано так как надо
А шрифт на тестируемой машине установлен этот? Появляется ли баг если шрифт установлен в системе?
Не установлен. Он уникальный и из local не задается вообще
Может webpack что-то ломать в кодировке? Когда использую в дев сборке, то webpack инлайново добавляет стили в html и в нем вижу непосредственно код символа. Когда файл приходит с бэка в прод сборке, там уже в девтулзах хрома отображается сам символ
Возвращаясь к вчерашнему вопросу Использую React + Webpack + Craco При сборке проекта вебпак в scss преобразует несколько символов юникода в один. В результате иногда (не понимаю почему) что-то случается с кодировкой и браузер неверно отображает символы. Опция charset: false в sassOptions как-будто вообще не работает. По ощущениям параметры для sassOptions вообще не работают. Пытался задавать через объект и через функцию, реакции нет. additionalData нормально воспринимается, sassOptions - никак Встречался кто-то с подобным?
Обсуждают сегодня