Host Typekit JS Локально

Typekit требует от нас включить их JS файл для визуализации шрифтов, например:

<script type="text/javascript" src="https://use.typekit.com/random-name.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

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

Я попытался разместить файл JS локально, и он, похоже, работал.

<script type="text/javascript" src="http://use.typekit.com/random-name.js"></script>
<script type="text/javascript">window.Typekit || document.write('<script type="text/javascript" src="/scripts/js/ext/random-name.js">\x3C/script>')</script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

Мои вопросы:

  • Любые различия при визуализации шрифтов от локального JS?
  • Будет ли ссылка HTTP referrer использоваться между удаленным JS и локальным?

Спасибо.

по теме:

Ответ 1

Это Бен из поддержки Typekit.

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

Чтобы решить любые проблемы с медленным временем отклика, мы рекомендуем асинхронно загружать Typekit. Вы можете узнать больше об этом здесь: http://help.typekit.com/customer/portal/articles/649336-embed-code

Этот код не будет блокировать рендеринг при загрузке Typekit JS, что позволяет отображать остальную часть страницы.

Ответ 2

Для этого и для устранения вспышек неровного текста я реализовал простой script, который кэширует Typekits в localStorage: https://github.com/morris/typekit-cache - возможно, это помогает будущим пользователям типаkkit работать с теми же проблемами.

Ответ 3

  • Нет. Просто попробуйте обновить JS файл.
  • Да. Запрос по-прежнему выполняется браузером пользователя из вашего доменного имени.