Подтвердить что ты не робот

Проблемы с Typekit и @fontface во всех браузерах Windows с приложением Ruby on Rails, особенно Chrome

Приложение My Ruby on Rails ненавидит пользовательские шрифты, и я не знаю почему. Вот некоторые из ошибок и устранения неполадок, которые я пережил.

Во-первых, произошли разрушительные ошибки отображения, которые произошли только в Google Chrome на ПК. Текст будет перекрываться, абзацы внутри одного и того же div будут иметь разную ширину, кнопки будут иметь сокращенную ширину, копия сдвинется вправо на странице... до такой степени, что некоторая часть сайта будет недоступна. Я, наконец, понял, что браузер, похоже, не понимает шрифт правильно. Если бы я использовал websafe-шрифты, такие как arial и georgia, проблемы исчезли. Поэтому я подумал, что, возможно, шрифты @font-face, которые живут на моем сервере, были повреждены. Проблема Chrome также появилась только в более поздних версиях Chrome (20 и выше). Самое странное в этом состоит в том, что это происходит только с перерывами. Иногда страница отображается хорошо, а иногда выглядит сумасшедшей. Это произошло на нескольких компьютерах, и очистка кеша не влияет на ошибку.

Затем я интегрировал Typekit из Adobe, чтобы вместо этого использовать шрифты на своем сервере. Теперь ошибки отображения исчезли, но все браузеры Windows игнорируют шрифт типаkit и вместо этого отображают резервные шрифты. Это IE, Firefox и Chrome в Windows, различные версии.

Сайт является частью Ruby on Rails, part php (WordPress), и эти проблемы происходят только на страницах Ruby on Rails. Файлы шрифтов, которые, как я думал, были повреждены, - это те же файлы шрифтов, которые прекрасно работают на стороне php сайта.

Вот некоторые скриншоты исходной проблемы Chrome с размещенными на сервере шрифтами.

В настоящее время на сайте размещены шрифты, размещенные на сервере, с ошибкой Chrome. Страница на сайте, где это происходит: http://levoleague.com/jobs

Любые идеи о том, почему мое приложение отвергает шрифты?

Paragraphs running off of page

Text overlapping

Tds overlapping

Nonsense characters in dropdown

4b9b3361