Проблема с анкером в Chrome?

Question

За последние несколько дней я заметил, что расстояние это на моем нав (когда он отображает этот путь):

http://i.imgur.com/R5jiKtU.jpg

Сайт существует уже в течение нескольких месяцев, и никогда не было этой проблемы. Я думаю, что это только недавно началось в Chrome. Вы заметите, что если вы перейдете на сайт: http://gw2shinies.com - он будет почти всегда отображаться правильно. Это затрудняет отладку. Кто-нибудь из вас столкнулся с этой ошибкой?

Answer 1

Эта проблема связана с определенными типами пользовательских шрифтов. На вашем сайте вы используете Bebas Neue, а на моем, я использую Qlassik. Chrome иногда предоставляет оба этих шрифта с дополнительным дополнением (это часто случается для меня в последнее время). Проблема возникает не только для привязки тегов, и некоторые страницы моего сайта кажутся более уязвимыми, чем другие.

Я загрузил Bebas Neue из обоих here и here, а затем пробежал их через online converter, и ни один из них не работал. Затем я загрузил Bebas из here, преобразовал его, и это действительно сработало.

Я пробовал массу вариаций и тестов. Я пытаюсь преобразовать файлы OTF и TTF; Я протестировал неконвертированный TTF; Я загрузил и преобразовал другие шрифты с этих сайтов и преобразовал их; Я упростил объявление @ font-face в моем CSS; Я попробовал Google Font; Я попытался удалить резервные шрифты. Результат всех этих тестов показывает, что с самим шрифтом что-то не так.

Это ужасный ответ, но один гарантированный способ «исправить» проблему - это изменить на другой шрифт. В вашем случае вы можете попробовать Bebas вместо Bebas Neue. В моем случае мне пришлось бы полностью отказаться от шрифта.

Поскольку этот вопрос был впервые поднят, Chrome был обновлен, и проблема не устранена. Часть меня надеется, что проблема исчезнет в будущем обновлении, но этого может не произойти. Похоже, что в главном файле шрифта есть что-то, что не соответствует какой-либо лучшей практике. У Bebas были проблемы с заполнением in the past. И, честно говоря, Chrome всегда старался сделать Qlassik чистым (я сделал корректировки CSS для компенсации). У меня нет программного обеспечения или знаний для обновления самого шрифта, чтобы устранить проблему.