Сегодня решил подключить набор Open Iconic к своему проекту. Ништо, как говорится, не предвещало.
Внезапно не заработало. И так не заработало и сяк, и как я не старался, получить, как было задумано, красивые иконки не получалось. Вместо них выводилось пустое место.
Убив несколько часов, убедился что webpack, которым собирается мой проект не причем. И в скриптах все что нужно прописывать я прописываю правильно. И шрифт грузится. Но не отображается. Хоть ты тресни.
В голове забегали параноидальные мысли, я запустил Ubuntu... и внезапно паранойя оказалась оправданной - тот же самый пример, который упорно не работал на Chrome для Windows тут же стал работать как надо в Chrome для Linux.
После нескольких дополнительных экспериментов корень всех зол был найден. Шрифты в формате woff почему-то отображались браузером некорректно. А например в формате otf - нормально, но загружался именно woff. Казалось бы можно поменять приоритет, но одна маленькая деталь. Вчера я баловался с другим шрифтом и все было ровно наоборот. Otf был кривой и не отображался, а woff работал хорошо.
Сконвертировал одно в другое при помощи онлайн-конвертера. И случилось чудо - созданный им woff стал грузится нормально.
Казалось бы проблема решена, но есть нюанс. Первое же обновление модулей затрет любые внесенные мной изменения. Предлагать их разработчикам open iconic? Мой английский оставляет желать лучшего и я не настолько глубоко погрузился в проблему, чтобы утверждать что моё решение абсолютно правильное и универсальное.
Было бы интересно узнать как в таких случаях поступают тру-вебразработчики?
Я же, видимо, выберу легкий путь. Просто выдеру из open-iconic только то что мне нужно и всуну в свой проект, не как пакет, а как собственные ассеты. И там изгаляюсь над ними как мне будет угодно, скорей всего просто поменяю woff на правильный работающий.