Как шрифт влияет на верстку страницы?

Question

[Сергей Мурзин]

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

Ссылка на файлы:
https://drive.google.com/open?id=0BxP9Q3udr1Boc3h6...

Помогите разобраться с этим вопросом и подскажите дельную литературу.

Comments

[bromzh]

Выложи нормально. Твой рар никто не захочет качать. А по твоему описанию не очень понятно что за проблема.

Answer 1

[Дмитрий]

Может потому, что браузер прокручивает документ (читай "рассчитывает координату") раньше, чем рендерится нужный (подключенный) шрифт? А когда шрифт отрисовался, браузер уже всё давно сделал.

Попробуйте добавить формат для якоря, чтобы браузер не находил его в коде документа, а по событию загрузки документа и может быть небольшого таймаута, прокручивать документ до нужных координат через JS самому.