Как одна скобочка может заставить вас попотеть.
Вчера буквально 2.5 часа я провел в поисках ошибки, которую можно было решить за 1 минуту.
Одна из моих учениц сказала что у нее отвалились шрифты на сайте, в блочной теме конечно же.
Вчера вообще массово какая то шрифтовая веселуха была у другой ученицы они тоже отвалились, но там по другой причине.
Но вернемся к случаю со скобкой.
В блочных темах есть стайлбук, это такое место где можно сделать определенные стили для элементов и потом применять их к заголовкам к примеру.
Очень удобная штука и ускоряет работу.
Проблема была в том что в редакторе стили шрифтов отображались а на фронтенде, готовом сайте их не было.
Я уже чет только не делал, и кеш чистил, и через инструмент разработчика искал стили, и https микс контент изучил, короче нет и все.
Короче пришел к выводу что это проблема только из-за стайлбука.
Думаю может плагин не обновлен, поставил новый и все тоже самое, не работает и все.
Начал изучать стайлбук подробно, смотрю а там в стилях она прописала код кастомный, там редактор встроен небольшой чтобы CSS писать, я чисто механически код удалил оттуда и как обычно проверил страницу.
И все заработало!!!
В первую очередь я подумал что это баг редактора, и решил перенести код в другое место.
Вставил и получаю ошибку CSS синтаксиса.
Это была скобка внутри мобильной адаптации…
Маленькая закрывающая скобка, которая привела к тому что весь файл стайлбука просто не подключался на фронтенд.
Вывод простой:
Будьте внимательны по написании кода и проверяйте его через VS Code хотя бы, там будет показываться ошибка если где-то не закрыта скобка.
И конечно ставьте 🔥
Давайте наберем 30 штук и я расскажу про вторую ошибку шрифта на другом сайте и как мы ее решили.